/*!
 * Item Name : 25PP首页
 * Copyright 2013
 *
 * Creator : Camille 
 * Created Date   :	2013.12.19
*/
@charset "utf-8";
body{font:12px/24px Arial,"微软雅黑","宋体";background-color: #fbfbfb;}
/*header start*/
.ico_public{background: url(../images/ico_public.jpg) no-repeat;}
.btn_more{background: url(../images/btn_more.jpg) no-repeat;}
.ico_music{background:url(../images/ico_music.jpg) no-repeat;}
.ico_music_android, .android_btn_more{background:url(../images/public-ico.png) no-repeat;}
.header { width: 100%;background-color: #fff;position: relative;}
.wrap{width: 980px; margin: 0 auto;}
.topbar { background: #f3f3f3; height: 39px; border-bottom: 1px solid #dfdfdf; line-height: 39px;}
.topbar .topline { display: inline-block; width: 1px; height: 10px; margin: 6px 6px 0; background-color: #d7d7d7; }
.header_con { width: 978px; height: 115px; margin: 0 auto; }
.login{ font-size: 12px;font-family: '宋体'; color: #848484;}
.login a{ color: #848484; }
.logo { float: left; display: block; padding: 10px 0; margin-top: 25px; }
.logo h1 { width: 135px; height: 36px; background: url(../images/logo.png) top left no-repeat; _background: none; /*ie6 png*/  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src="images/logo.png");
text-indent: -9999px; }
.header_r { float: right; margin: 25px 0 15px 0;}
/* .search { width: 235px; height: 30px; position: relative; z-index: 999; border: 1px solid #dfdfdf; }
.search .searchType { float: left; width: 30px; height: 100%; cursor: pointer; background: url(../images/s_type.png) center center no-repeat; }
.search .searchSelBox { display: none; position: absolute; top: 30px; left: 0;  *width: 120px;
color: #737373; padding: 10px 0; cursor: default; background: #fff; border: 1px solid #dfdfdf; }
.search .searchSelBox li { height: 30px; line-height: 30px; cursor: pointer; padding: 0 18px 0 28px; background: url(../images/s_type.png) 12px center no-repeat #fff; }
.search .searchSelBox li:hover { background-color: #F3F3F3; }
.search .searchTxt { float: left; border: 0 none;width: 162px; height: 12px;outline: none;display: inline; padding: 9px 0; color: #bababa;}
.search .searchBtn { float: left; width: 35px; height: 100%; cursor: pointer; text-indent: -9999px; background: url(../images/s_ico.png) center center no-repeat; } */
.hotword li { float: left; margin-right: 5px; color: #999898; line-height: 30px;}
.hotword li a { color: #999898; }
.hotword li a:hover { color: #3c77bf; }
.nav { width: 100%; height: 48px; line-height: 45px; border-top: 1px solid #dfdfdf; background-color: #fff; background: url(../images/nav-bg.jpg) repeat-x 0 45px; }
.nav ul { width: 978px; height: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.nav li { float: left; }
.nav a { font-size: 14px; padding: 0 25px; color: #737373; border-right: 1px solid #fff; }
.nav a.current, .header .nav a:hover { color: #fff; background-color: #3c77bf; }
.nav li.nav_forum { float: right;}
.nav li.nav_forum a { padding: 0 35px;  border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;color: #3c77bf; font-weight: 700;}
.ico-hot{width: 23px;height: 15px;display: inline-block; background: url(../images/icon-hot.png) no-repeat 0 0;_background: url(../images/icon-hot.gif) no-repeat 0 0; position: absolute; left: 480px;top: 10px;}
.webMenu{width: 90px;text-align: center;color: #848484; cursor: pointer; background: url(../images/ico_jt1.jpg) no-repeat 75px 17px;}
.topbar .webMenu{ background: url(../images/ico_jt1.jpg) no-repeat 75px 17px; padding-bottom: 1px;border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3;_position: relative;_margin-bottom: -1px;}
.topbar .webMenu.current{ background:#fff url(../images/ico_jt2.jpg) no-repeat 75px 17px; padding-bottom: 1px;border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;_position: relative;_margin-bottom: -1px;}
.webMenuBox{width: 100%; background-color: #fff; height: 171px;position: absolute; left: 0; top: 40px;z-index: 9999; display:none;}
.webMenuList{width: 980px; overflow: hidden;margin: 0 auto; line-height: 26px;}
.webMenuList li{width: 133px; height: 171px; border-left: 1px solid #eee; padding-left:20px;float: left;}
.webMenuList h2{width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #000000;padding-top:20px;}
.webMenuList a{width: 65px; display: inline-block;float: left;font-size: 12px; color: #959595;}
.webMenuList li.first{width: 210px;padding:0;border: 0 none;}
.webMenuList li.first a{width: 105px;}
/*header end*/

.box{border: 1px solid #f2f2f2; background-color: #fff;}
.banner{width: 687px; height: 259px; padding: 6px; border-right: 1px solid #f2f2f2; float: left; overflow: hidden;position: relative;}
.banner .picBox{position: relative;}
.banner .picBox a {left: 0; position: absolute;top: 0;}
.banner img{width: 687px; height: 259px;}
.banner .indexBar{position: absolute; right: 10px; bottom: 15px;}
.banner .indexBar li{width: 8px; height: 8px; display: inline-block;float: left; background-color: #e4e4e4; margin-right: 7px; cursor: pointer;overflow: hidden;}
.banner .indexBar li.on{background-color: #3c77bf;}
.productBox{width: 268px; padding: 0 5px;float: right;}
.productList{position:relative; _float:left;}
.productList li{margin-top: 5px; _float:left; position: relative;}
.pcPP{width: 100px; height: 43px; padding:10px 0 0 50px;background:#daf6f6 url(../images/pc-icon.png) no-repeat 10px 0; font-size: 12px; color: #36a7b4; line-height: 18px; }
.pcPP:hover{ background-position:10px -53px;  background-color:#d2f1f1}
.pcPP b { font-size: 14px;}
.pcPP h2{ font-size: 26px; color: #3070bd; height: 40px; line-height: 40px; font-weight: 700;}
.pcPP span{ font-size: 14px; color: #4680c5; padding-left: 2px; line-height: 10px;}
.iosPP{width: 268px; height: 88px;background:url(../images/ios_noJailbreak.jpg) no-repeat 0 -89px; display:block; text-indent:-9999px;}
.iosPP:hover{ background-position:0 0;}
.ios_jailbreak{width:56px; height:15px;background:url(../images/ios_jailbreak.jpg) no-repeat 0 0; position:absolute; bottom:19px;*bottom:77px; right:40px; overflow:hidden;}
.ios_jailbreak:hover{ background-position:0 -16px;}
.androidPP{width: 60px; height: 43px; padding:10px 0 0 52px;background:#e1f8ec url(../images/pp_android.jpg) no-repeat 10px 0; color: #67c087;  font-size: 12px; line-height:18px;display:inline-block;float: left; margin-right: 3px;}
.androidPP:hover{background:#cff3e0 url(../images/pp_android.jpg) no-repeat 10px -54px;}
.androidPP b{ font-size:14px;}
.pp_jailbreak{width: 268px; height: 108px; display:block; background:url(../images/break.png?v=10004) no-repeat 0 -108px;}
.pp_jailbreak:hover{background-position: 0 0;}
.moreProduct{ width: 238px; padding-left: 30px;background-color: #f7f7f7; height: 42px; line-height: 42px; color: #767676;}
.icoMoreProduct{width: 45px;height: 18px; display: inline-block;background-position: 0 -72px;margin: 11px 20px 0 0}
.title{width: 100%; height:53px; border-bottom: 1px solid #f2f2f2; }
.title h2{font-size: 14px; color: #000; float: left; height: 15px; line-height: 15px; margin:20px 0 0 10px;}
.orangeBorderL{border-left: 4px solid #ec6f00; padding-left: 13px;}
.blueBorderL{border-left: 4px solid #67b2f6; padding-left: 13px;}
.greenBorderL{border-left: 4px solid #59c46c; padding-left: 13px;}
.todayTopicBox{width: 254px;height: 349px;float: left; border-right: 1px solid #f2f2f2;overflow: hidden; }
.topicTxt{width: 242px; height: 127px;border-bottom: 1px solid #f2f2f2;margin: 0 6px; background: url(../images/bg_topic.jpg) no-repeat center 13px; padding-top: 20px;}
.topicTxt h3{width: 178px; height: 35px; line-height: 35px; font-size: 15px;margin-left: 35px; overflow: hidden;}
.topicTxt h3 a{ color: #000;}
.topicTxt h3 a:hover{color: #3c77bf;}
.topicTxt p{width: 220px; height: 60px; font-size: 12px; color: #8c8c8c;text-indent:2em; line-height: 21px; overflow: hidden;margin:0 0 5px 12px;}
.topicMore{width: 45px; height: 18px; display: inline-block;}
.topicMore:hover{background-position: 0 -18px;}
.hotActive{width: 254px; border-right: 1px solid #f2f2f2;float: left;}
.activePic{width: 242px; height: 283px; margin: 6px; overflow: hidden; position: relative;}
.activePic img{width: 242px; height: 288px;}
.activePic .picTitle{width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; display: inline-block;position: absolute; left: 0; bottom: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7); cursor: pointer; display: inline-block;}
:root .picTitle{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}
.activePic .picTitle:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2511610', endColorstr='#B2511610');background:rgba(81,22,16,0.7);}
.newsTopic{width: 468px;height: 349px;float: right;overflow: hidden;}
.newsTopicList{}
.newsTopicList li{width: 458px; height: 86px; border-bottom: 1px solid #f2f2f2; padding:6px;}
.newsTopicList .pic{width: 152px; height: 84px; float: left;overflow: hidden;}
.newsTopicList .pic img{width: 152px; height:84px; }
.newsTopicList .txt{width: 290px; height: 84px; float: right;}
.newsTopicList .txt h3{width: 100%; font-size: 14px; height: 35px; line-height: 35px;overflow: hidden;}
.newsTopicList .txt h3 a{color: #000; display:inline;}
.newsTopicList .txt h3 a:hover{color: #ec6f00;}
.newsTopicList .txt span{display: inline-block;}
.newsTopicList .lable{width: 100%; font-size: 12px; color: #808080;}
.newsTopicList .lable i{ padding: 0 13px; font-style: normal;color: #dadada;}
.userCommment{ height: 13px; line-height: 13px; background-position: 0 -105px; padding-left: 20px;color: #808080;}
.userCommment:hover{background-position: 0 -120px;}
.tabTitle{float: right; color: #5a5a5a; font-size: 12px; line-height: 53px;margin-right: 10px;}
.tabTitle a{ padding: 0 12px; color: #5a5a5a;}
.tabTitle i{color: #d6d6d6; font-style: normal;}
.hotNewsBox{width: 332px; float: left;margin-left: 15px;display: inline;}
.sortTitle{height: 43px; line-height: 43px;border-bottom: 1px solid #f2f2f2;}
.sortTitle h4{ font-size: 14px; color: #000;float: left;}
.sortTitle a{color: #8e8e8e;float: right; font-family: '宋体';}
.todayNewsList{width: 330px;height: 320px;overflow: hidden;}
.todayNewsList li{width: 100%;float: left;padding: 15px 0;border-bottom: 1px solid #f2f2f2; }
.todayNewsList .pic{width: 140px; height: 76px;overflow: hidden;float: left;}
.todayNewsList .pic img{width: 142px; height:78px;border: 1px solid #e3e3e3;}
.hotNewsTxt{width: 170px; height: 76px;float: right;}
.hotNewsTxt h3{height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; }
.hotNewsTxt h3 a{color: #000; display: inline;}
.hotNewsTxt h3 a:hover{color: #3aa9ff;}
.hotNewsTxt p{ color: #808080; line-height: 22px; height: 44px; overflow: hidden; }
.hotNewsTxt p a { color: #8c8c8c;}
.hotNewsTxt.ios p a:hover {color: #1388e2;}
.hotNewsTxt.android p a:hover {color: #007215;}
.hotNewsTxt .more{color: #555; float: right;*margin-top:-22px;_margin-top:-22px;}
.hotNewsTxt .more:hover{color: #1388e2;}
.ico_fg{background: url(../images/ico_fg.jpg) no-repeat;}
.android_fg{background-position: 0 -15px;}
.newsList{margin: 10px 0; clear: both; _display: inline;}
.newsList li{width: 100%; display:block; float: left; height: 29px; line-height: 29px;font-size: 12px;}
.newsList li a{ height: 32px; overflow: hidden; color: #5a5a5a; float: left;}
.ios_list li a:hover{color: #1388e2;}
.newsList .sort_news{ height: 32px; margin-right: 10px; float: left;}
.ios_list .sort_news{ color: #3aa9ff;background-position: 55px -13px;}
.android_list .sort_news{ color: #59c46c;background-position: 55px 10px;}
.android_list li a:hover{color: #007215;}
.androidTxt .hotNewsTxt h3 a:hover{color: #59c46c;}
.androidTxt .hotNewsTxt .more:hover{color: #007215}
.hotEvaBox{width: 328px;float: left; margin-left: 22px;}
.firstNews{border-bottom: 1px dotted #b5b5b5; padding: 17px 0;}
.firstNews .newsTit{width: 100%; height: 30px; text-align: center; font-size: 14px; font-weight: 700;overflow: hidden;}
.firstNews .newsContent{ font-size: 12px; color: #8c8c8c; line-height: 20px; text-indent:2em;height: 60px; overflow: hidden;}
.firstNews .newsContent a{color: #555;float: right;*margin-top: -22px;}
.hotEvaBox .newsList a.hotTitle{width: 268px;}
.iosNews .newsTit a{color: #4395df; }
.androidNews .newsTit a{color: #47b05a; }
.iosNews .newsContent a:hover{color: #4395df;}
.androidNews .newsContent a:hover{color: #47b05a;}
.rankingBox{width: 240px; float: right; margin-right: 15px;display: inline;}
.rankingTitle span{width: 120px; height: 43px; line-height: 43px; text-align: center; color: #333; display: block; float: left; font-size: 14px; border-bottom: 1px solid #f2f2f2; cursor: pointer;}
.rankingTitle span.current{ border-bottom: none; background: url(../images/ranking_current.jpg) no-repeat center bottom; padding-bottom: 5px;}
.iosRanking span.current{color: #3aa9ff;}
.androidRanking span.current{color: #59c46c;}
.rankingList{ clear: both;}
.rankingList li{width: 100%; float: left;}
.rankingList li.current{border-bottom: 1px solid #f1f1f1;}
.rankingList i{width: 15px; height: 15px; display: inline-block; float: left;margin: 10px 0 0 6px;overflow: hidden;}
.appNameDownNum{width: 210px;float: right;height: 36px; line-height: 36px; font-size: 12px;}
.appNameDownNum a{width: 120px; height: 35px; overflow: hidden;float: left;color: #5a5a5a;}
.appNameDownNum span{width: 85px; height: 35px; color: #b2b2b2;float: right;text-align: right;}
.iosRankingList .appNameDownNum a:hover{color: #3aa9ff;}
.androidRankingList .appNameDownNum a:hover{color: #59c46c;}
.rankingDetailTxt{width: 206px; height: 82px;float: right;margin-top: 10px;}
.rankingDetailTxt .pic{width: 50px; height: 50px;overflow: hidden; float: left;}
.rankingDetailTxt .pic a{position: relative;}
.rankingDetailTxt .pic img{width: 50px; height: 50px;}
.rankingDetailTxt .txt{width: 142px; height: 50px; float: right;}
.rankingDetailTxt .txt h3{width: 100%; height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; margin-bottom: 5px;}
.rankingDetailTxt .txt h3 a{color: #000; font-size: 12px;}
.rankingDetailTxt .noJailbreak{width: 55px; height: 21px; line-height: 21px; background-position: 0 -134px;padding-left: 17px;color: #3aa9ff;}
.rankingDetailTxt .noJailbreak:hover{ background-color: #3aaaff; background-position: 0 -155px; color: #fff;}
.rankingDetailTxt .jailbreak{width: 42px; height: 21px; line-height: 21px; background-position: 0 -176px;padding-left: 17px;color: #6976e9;margin-left: 3px;}
.rankingDetailTxt .jailbreak:hover{background-color: #6976e9; background-position: 0 -197px;color: #fff;}
.rankingDetailTxt .numTxt{height: 30px; line-height: 30px;}
.rankingDetailTxt .androidDown{width: 55px; height: 21px; line-height: 21px; padding-left: 17px; background-position: 0 -218px; color: #59c46c;}
.rankingDetailTxt .androidDown:hover{ background-color: #5ec665; background-position: 0 -239px;color: #fff;}
.goodTxt{width: 85px; height: 30px; position: relative; cursor:pointer; display: inline-block;float: left; background-position: 0 -357px; color: #969696; font-family: '宋体'; padding-left: 20px;}
.goodTxt .addDownTxt{float: left; }
.goodTxt .addNumCount{float:none; width: 50px; height: auto; margin: 0; font-style: normal; }
.goodTxt .addNumAnimate {color: #FF9900; display: none; font-size: 14px; left: 20%; position: absolute; top: -5px; }
.rankingDetailTxt .downNum{width: 95px; color: #666; float: right;text-align:right;}
.cover50{width: 50px;height: 50px; position: absolute; left: 0; top: 0; background: url(../images/cover50.png) no-repeat;_background: none;          /*ie6 png*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src="images/cover50.png");}
.wallpaperBox{width: 713px; height: 463px; float: left; border-right: 1px solid #ececec;}
.wallpaperTitle{height: 53px;line-height:53px; border-bottom: 1px solid #ececec; position:relative;}
.wallpaperTitle span{width: 120px; height: 53px; display: inline-block;float: left;text-align:center;margin-left: 10px;color: #9b9b9b; cursor: pointer;}
.wallpaperTitle span.current{height: 58px; _margin-bottom: -10px;}
.wallpaperTitle .more{color: #8e8e8e; position:absolute; right:10px; top:0px; margin-right: 20px; display:none;}
.wallpaperTitle span.current .more{display:block;}
.wallpaperTitle .ios.current{ background: url(../images/ios_title.jpg) no-repeat left bottom; color: #3c77bf;}
.wallpaperTitle .android.current{background: url(../images/android_title.jpg) no-repeat left bottom; color: #59c46c;}
.iosPicList li{width: 107px; height: 190px;margin:0 0 10px 10px;overflow: hidden;float: left;}
.iosPicList li.img_a_dis{ display: none;}
.iosPicList li img{height: 190px;}
.androidPicList li{width: 166px; height: 123px;float: left;margin:0 0 10px 10px;overflow: hidden; display: inline;}
.androidPicList img{height: 123px;}
.ringBox{width: 264px; float: right;overflow: hidden;}
.ringTitle{width: 100%; height: 53px; line-height: 53px;}
.ringTitle span{width: 131px; height: 53px;border-bottom: 1px solid #ececec; display: inline-block;text-align: center; color: #777;float: left;font-size: 14px; cursor: pointer;}
.ringTitle .iosRing{width: 132px; height: 54px; border-right: 1px solid #ececec;}
.ringTitle .iosRing.current{border-bottom:none; color: #3c77bf;}
.ringTitle .androidRing.current{border-bottom:none; color: #59c46c;}
.ringBlock{width:255px; margin:0 auto;}
.ringList{font-family: '宋体'; margin-top: 2px;}
.ringList li{height: 44px; border-bottom: 1px solid #f1f1f1; line-height: 43px; padding-left: 15px;float: left;}
.ringList .ringName{display:block; width: 170px; height: 43px; overflow: hidden;float: left;color: #5a5a5a;}
.ringList .btn_group{float: right; width: 60px; height: 44px; position: relative; overflow: hidden;}
.ringList .btn_group_inner{position: absolute; height: 100%; top: 0px; left: -30px; }
.ringList a{width: 30px; height: 100%; float: left; display: inline-block;cursor: pointer;}
.ringList .listenGif{background: url(../images/broadcast.gif) center center no-repeat; cursor: default; }
.ringMore{width: 230px; padding-left: 20px;display: block; color: #999; line-height: 46px; height:46px;}
.ringMore:hover{color:#3c77bf;}
.ringMore .more_ico{width: 45px; height: 18px; cursor:pointer; display:block; float:right; background-position: 0 -36px;margin: 13px 14px 0 0px;}
.ringMore:hover .more_ico{background-position: 0 -54px;}
.androidRingMore .more_ico{background-position: 0 -408px;}
.androidRingMore:hover{color: #59C46C;}
.androidRingMore:hover .more_ico{background-position: 0 -375px;}
.resAud{background-position: 0 -43px;}
.resAud:hover{background-position: 0 0;}
.resDown{background-position: 0 -128px;}
.resDown:hover{background-position: 0 -171px;}
.resAud_ing,.resAud_ing:hover{background-position: 0 -86px;}
.resDown_ing{background-position: 0 -84px;}
.androidRingList .resAud{background-position: -155px -911px;}
.androidRingList .resAud:hover{background-position: -156px -778px;}
.androidRingList .resDown{background-position: -155px -867px;}
.androidRingList .resDown:hover{background-position: -155px -822px;}
.androidRingList .resAud_ing,.androidRingList .resAud_ing:hover{background-position: -155px -956px;}
.listIco-1{ background-position: 0 0;}
.listIco-2{ background-position: 0 -15px;}
.listIco-3{ background-position: 0 -30px;}
.listIco-4{ background-position: 0 -45px;}
.listIco-5{ background-position: 0 -60px;}
.listIco-6{ background-position: 0 -75px;}
.listIco-7{ background-position: 0 -90px;}

/*图片预览*/
.imageviewBox{width:600px; height:400px; font-size:12px; color:#fff; text-align:left; background-color:#000; position:absolute; top:50px; left:50px; z-index:3001; 
transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.imageviewBox .icon-public{ background:url(../images/btn-wallpaper.png) 0 0 no-repeat;}
.viewboxHeader{width:100%; height:39px; line-height:39px; border-bottom:1px solid #999; overflow:hidden;}
.viewboxHeader .viewboxTitle{float:left; width:285px; height:100%; margin:0; padding:0 0 0 15px;}
.viewboxHeader .viewboxInfo{float:right; width:240px; height:100%; text-align:right; padding-right:10px;}
.viewboxHeader .viewboxClose{float:right; width:49px; height:100%; color:#fff; border-left:1px solid #999; text-indent:-9999px; text-decoration:none; background-position: -5px -245px;}
.viewboxHeader a.viewboxClose:hover{background-position: -70px -245px;}
.viewboxContent{width:100%; height:360px; position:relative; background:#000; text-align:center; overflow:hidden;}
.viewboxContent a{display:block; text-decoration:none; outline:none; }
.viewboxContent .viewImageCurrent{display:none; position:absolute;}
.viewboxContent .viewImagePre,.viewboxContent .viewImageNext{display:none;}
.viewboxContent .viewboxLoading{width:100%; height:100%; background:url(../images/loading_bg.gif) center 40% no-repeat;}
.viewboxContent .viewbtnPre, .viewboxContent .viewbtnNext, .viewboxContent .viewbtnDown{display:none; width:54px; height:54px; position:absolute; }
.viewboxContent_on .viewbtnPre, .viewboxContent_on .viewbtnNext, .viewboxContent_on .viewbtnDown{display:block; }
.viewboxContent .viewbtnPre{ z-index:3130; background-position:-1px -81px; left:10px; top:40%;}
.viewboxContent .viewbtnNext{ z-index:3131; background-position:-61px -81px; right:10px; top:40%;}
.viewboxContent .viewbtnPre:hover{ background-position:-1px -136px; left:10px;}
.viewboxContent .viewbtnNext:hover{ background-position:-61px -136px; right:10px;}
.viewboxContent .viewbtnDown{z-index:3110; width:93px; height:32px; background-position:0 -336px; position:absolute; left:50%; bottom:10px; margin-left:-57px;}
.viewboxContent .no_pic{z-index:3120; display: none; width: 100%; height: 100%; color: #ccc; background: url(../images/no_pic_bg.png) center center no-repeat #191919; position: relative;}
.viewboxContent .no_pic .no_pic_inner{ width: 260px; height: 160px; position: absolute; top:50%; left: 50%; margin-top: -80px; margin-left: -130px;}
.viewboxContent .no_pic .no_pic_line1{font-size: 36px; font-family: arial; width: 185px; height: 45px; line-height: 45px; margin: 0 auto 3px; border-bottom: 1px solid #ccc;}
.viewboxContent .no_pic .no_pic_line2{font-size: 20px; width: 185px; height: 35px; line-height: 35px; margin: 0 auto; border-top: 1px solid #ccc;}
.viewboxContent .no_pic .no_pic_line3{margin-top: 25px;}
.viewboxContent .no_pic .no_pic_line3 a{display: block; color: #eee; font-size: 24px; margin: 0 auto; width: 250px; height: 45px; line-height: 45px; border: 1px solid #ccc; }
.viewboxContent .no_pic .no_pic_line3 a:hover{border: 1px solid #fff; color: #fff;}
.imageThumbBox{width:100%; height:90px; padding:5px 0;  background-color:#000; position:relative;}
.imageThumbBox .imageThumbInner{ margin:0px 10px; height:88px; position:relative; border:1px solid #202020; }
.thumbUlWrap{ position:absolute; top:4px; left:35px; height:80px; background:#000; overflow:hidden;}
.imageThumbBox .thumbUlList{position:absolute; top:0; left:0; overflow:hidden; width: 10000px; }
.imageThumbBox .thumbUlList li{float:left; margin:0 5px; height:74px; border:3px solid #000; overflow:hidden;}
.imageThumbBox .thumbUlList li.currentThumb{ background:#fff; border-color: #fff; }
.imageThumbBox .thumbUlList li img{height:74px; }
.imageThumbBox .thumbLeft, .imageThumbBox .thumbRight{ width:26px; height:80px; text-align:center; position:absolute; top: 4px; color: #fff; font-size: 30px; height: 78px; line-height: 78px; background-color: #090708; border: 1px solid #202020;}
.imageThumbBox .thumbLeft{left: 5px;}
.imageThumbBox .thumbRight{right: 5px; }
.imageThumbBox .thumbLeft:hover, .imageThumbBox .thumbRight:hover{ background-color:#252525; }
.imageviewBg{width:100%; height:100%; background-color:#000; opacity:0.8; filter: alpha(opacity=80); position:absolute; top:0; left:0; z-index:3000;}

/*下载弹窗*/
#layer_wrap{ position:absolute; text-align:left; width:500px;padding:3px; border-radius:2px; top:30%; left:30%; z-index:99999;}
#layer_wrap iframe{height:0px;}
#layer_wrap .layer_con{ position:relative; color:#000; background: #fff; border: 1px solid #ccc; border-radius: 2px;}
#layer_wrap .layer_header{width:100%; height:45px;  border-bottom:2px solid #3aa9ff;}
#layer_wrap .layer_header h3{float:left; height:26px; line-height:24px; font-size:15px; margin:10px 0 0 15px;}
#layer_wrap .layer_header h3 span{width:26px; height:100%; margin-right:3px; float:left; display:inline-block; background: url(../images/layer_icon.png) 0px 0px no-repeat;}
#closeLayer{ display:block;background: url(../images/layer_icon.png) -55px 0px no-repeat; width:45px; height:100%; text-indent:-999px; cursor:pointer;float:right; }
#closeLayer:hover{ background-position:-129px 0px;}
#layer_dec{ position:relative; padding:10px;}
#layer_dec .layer_msg{height:70px;padding:20px 40px; border-bottom:1px solid #eee;}
#layer_dec .layer_msg span{display:block; float:left; width:65px; margin-right:15px; height:65px; background: url(../images/layer_icon.png) -226px 0px no-repeat;}
#layer_dec .layer_msg p{margin-top:10px; font-size:14px;}
#layer_dec .layer_msg p.pb{font-weight:bold;margin-top:5px; font-size:16px;}
#layer_dec .layer_msg p.pb i{font-style:normal; font-weight:normal;}
#layer_dec .layer_step{padding:20px 30px 30px;border-bottom:1px solid #eee;}
#layer_dec .layer_step p{margin-top:5px; color:#545454;}
#layer_dec .layer_step p a{color:#3aa9ff; text-decoration:underline;}
#layer_dec .layer_step p a:hover{color:#0987e8;}
#layer_dec .layer_step .step_ico{width:420px; height:79px; margin-top:10px; background: url(../images/layer_icon.png) 0px -90px no-repeat;}
#layer_dec .timeout_dec{padding:10px; text-align:right;}
#layer_dec .timeout_dec i{color:#f00; font-style: normal;}
#sureLayer{ position:absolute; right: 20px; bottom:10px; font-family:"微软雅黑"; font-size:12px; padding:5px 10px; background:#eee; border:1px solid #eee; cursor:default;}
#sureLayer:hover{border:1px solid #ccc; box-shadow:0px 0px 1px #ccc;}

/*footer start*/
.footer{
	width: 100%;
	border-top: 1px solid #ededed;
}
.footer .footerLink{
	width: 978px;
	margin: 20px auto 10px;
	/* padding: 30px 0;
	border-bottom: 1px solid #ededed; */
}
.footer .footerLink li{
	float: left;
	width: 180px;
	margin-right: 32px;
	padding: 30px 20px;
	background-color: #efefef;
	height: 175px;
	text-align: center;
	position: relative;
}
.footer .footerLink li.last{ margin-right: 0px;}
.footer .footerLink h3{
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.footer .footerLink a{ /*width: 108px;*/ color: #575757; vertical-align: middle; line-height: 30px;}
.footer .footerLink a:hover{ text-decoration: underline; }
.footer .footerLink span{color: #575757; display:inline-block; line-height:24px; margin:2px 0px;}
.footer .footerLink span iframe{vertical-align: middle;}

.footer .friendLink{ 
	width: 978px;
	margin: 0 auto;
	padding: 10px 0; 
	border-bottom: 1px solid #ededed;
}
.footer .friendLink h4{ font-weight: bold;}
.footer .friendLink .links{ 
	*height: 40px;
	overflow: hidden;
	color:#000;
}
.footer .friendLink .hover_links{
	height: auto;
}
.footer .friendLink .links a ,.links-more a{ 
	color: #a4a4a4;
	line-height: 16px;
	height: 16px;
	padding-right: 10px;
	margin: 0 10px 5px 5px;
	border-right: 1px solid #dfdfdf;
}
.footer .friendLink .links a:hover ,.links-more a:hover{
	color:#000;
	}
.footer .friendLink .links a.last ,.links-more a.last{ border-right: none; }
.footer .friendLink .showLinks{
	float: right;
	color: #a4a4a4;
	width: 78px;
	height: 58px;
	cursor: pointer;
	text-align: center;
	background: url(../images/downopen.jpg) center 28px no-repeat;
}

.footer .copyright{
	width: 978px;
	margin: 0 auto;
	padding: 10px 0;
	color: #838383;
	text-align: center;
}
.footer .copyright a{
	color: #838383;
}
.footer .copyright p{ float: left; margin: 0 5px; color: #a1a1a1;}
.footer .copyright p.cr_line1{ padding-left: 124px;}
.footer .copyright p.cr_line2{ padding-left: 196px;}
.footer .copyright a.sitemap{color: #a1a1a1;padding-left: 5px;}
.footer .copyright a.sitemap:hover{ text-decoration: underline; }
.footer .copyright img{vertical-align: -3px;}
.footer .copyright .ele-lab { background:url(../images/ele_lab.jpg); width:26px; height:26px; display: inline-block; text-indent: 9999px; *margin-left:3px; margin-top:3px\0;}
.footer .copyright .ele-bl { background:url(../images/ele_bl.png); width:192px; height:26px; display: inline-block; text-indent: 9999px; *margin-left:3px; margin-top:3px\0;}

/*footer end*/

.searchBox{width: 362px;float: right;margin: 29px 0;}
.searchInputBox{width: 360px; height: 35px; border: 1px solid #dbdbdb; border-radius: 3px;position: relative;}
.keyBox{width: 81px; height: 35px; padding-right: 8px; border-right: 1px solid #e4e4e4;float: left; cursor: pointer;}
/* dropdown */
#typebox {
	display:none;
} 
.keyTxt{width: 55px; font-size: 12px; color: #969696; padding-left:10px; line-height: 35px; display: inline-block;text-align: left;}
.ico-key{width: 7px; height: 4px;background: url(../images/ico_seachJt.jpg) no-repeat; display: inline-block;overflow: hidden;vertical-align: top;
zoom: 1; margin-top: 16px; }
.ico-keyTop{background-position: 0 0;}
.ico-keyBottom{background-position: 0 -5px;}
.seachInput{width: 207px; line-height: 15px; color: #bababa; padding: 9px; font-size: 12px; float: left; border: 0 none; outline: none; overflow: hidden;}
.btn-seach{width: 43px; height: 35px; background: url(../images/ico_seach.jpg) no-repeat center 10px; float: right; cursor: pointer;}
.typebox{width: 88px; position: absolute; top: 36px; left: 0;border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; color: #999898; font-size: 12px;z-index: 999; background-color: #fff; clear: both;text-align: left;}
.typebox li{line-height: 30px; border-bottom: 1px solid #ebebeb; cursor: pointer; padding-left: 10px;}
.typebox li:hover{color: #000;}

.ellipsis {text-overflow:ellipsis;overflow: hidden; white-space: nowrap;}
.latestNews {width :280px;}



/* modify by lisa(2014.4.2)*/

/*banner 添加遮罩层 */
.imgTextBar{position: absolute;bottom: 5px;left: 5px;width: 687px;height: 30px;background: #000;filter: Alpha(opacity=70);opacity: 0.7;}
.imgText{position: absolute;bottom: 5px;left: 15px;width: 480px;color: #ddd;line-height: 30px;text-decoration: none;cursor: pointer;}

/* footer links */
.code { text-align: center; background: url(../images/code.jpg) no-repeat center top; height:110px; position: relative; margin-top: 20px; }
.code p { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; text-shadow: 1px 1px 0 #ffffff; color: #999; }
.code.cs { background: url(../images/cs_code.jpg) no-repeat center top; margin: 0px auto; height: 90px; width: 85px; }
.u-wechat { bottom: 75px; right: 20px; background-color: #fff; padding: 10px; display: none; position: absolute;}

/*goto back top*/
.backtoTop { display: none; width: 50px;height:50px; background:url(../images/bg_totop.png) no-repeat 0 -50px;position: fixed;/*right:10px;*/ bottom: 100px; cursor: pointer;text-indent: -999em; 
	_position: absolute; _bottom: auto;}
.backtoTop-hover{background-position: 0 0;}


.footer .friendLink { position:relative;}
.btn_link_d {width:16px;height:16px;line-height:0; background:url(../images/ico.png) -6px -6px;overflow:hidden;position:absolute;bottom:16px;right:10px;cursor:pointer;}
.btn_link_u {background:url(../images/ico.png) -25px -6px;}

.links-more { display:none;}

/**/

.footer .footerLink .aboutus-block p { line-height: 30px; text-align: left; margin-left: 30px; }
.footer .footerLink .aboutus-block a { display: inline; margin-right: 10px;}
