@charset "utf-8";
/* CSS Document */

.nightbg{ background: url(../../images/v5/nightmainbg.jpg) top center repeat-y #000;}
.nightbg .main{ background: url(../../images/v5/nighttopbg.jpg) top center no-repeat;}
.nightbg .total{ background: url(../../images/v5/nightbottombg.jpg) bottom center no-repeat;}
.nightbg .total .warpbg{ width:1000px; background:url(../../images/v5/nighttopbg.jpg) center 0px no-repeat; z-index:1; position:absolute; left:50%; margin-left:-500px; top:0;  }

.firstfence{ position:relative; z-index:5;}
.firstfence .shnld{ width:139px; height:20px; display:block; background:url(../../images/v5/tit.png) 0 0 no-repeat; position:absolute; left:72px; top:-35px; text-indent:-9999px; overflow:hidden; z-index:8;}
.subnav{ width:270px; height:370px; display:block; position:relative; margin-top:7px; z-index:7;}
.subnavbg{ width:270px; height:364px; display:block; position:absolute; left:0; top:0; background:url(../../images/v5/subnav.png) 0 0 no-repeat; z-index:4; }

.downguide {height:178px; position:relative; width:270px; display:block; z-index:11;}
.downguide .sb{position:absolute;background-repeat:no-repeat;z-index:5;display:none;}
.downguide .subnav_hvBg1{width:202px;height:91px;background-image:url('../../images/intro23/subnav_b1.png');top:9px;left:34px;}
.downguide .subnav_hvBg2{width:109px;height:93px;background-image:url('../../images/intro23/subnav_b2.png');top:51px;left:6px;z-index:6;}
.downguide .subnav_hvBg3{width:109px;height:93px;background-image:url('../../images/intro23/subnav_b3.png');z-index:7;top:51px;left:153px;}
.downguide .subnav_hvBg4{width:82px;height:82px;background-image:url('../../images/intro23/subnav_b4.png');z-index:8;top:79px;left:93px;display:block;}
.downguide a{ overflow:hidden; z-index:11;  position:absolute;}
.downguide a.yxxz{ width:50px; height:30px; display:block;  left:110px; top:105px;  z-index:11; text-indent:-999px; overflow:hidden; }
.downguide a.zczh{ width:60px; height:50px; display:block;  left:30px; top:88px;background:url(../../images/v5/zczh.png) -1px -4px no-repeat;z-index:11; text-indent:-999px; overflow:hidden;}
.downguide a.gkcz{ width:60px; height:50px; display:block;  left:180px; top:88px;background:url(../../images/v5/gkcz.png) -1px -4px no-repeat;z-index:11;text-indent:-999px; overflow:hidden;}
.downguide a.start{ width:120px; height:56px; display:block;  left:75px; top:25px;  z-index:11;  overflow:hidden; background:url(../../images/v5/startbg.png) -1px -3px no-repeat;}

.downguide .yxxzflash{ position:absolute; left:36px; top:10px; z-index:9;display:none}
.downguide .zczhflash{ position:absolute; left:6px; top:55px; z-index:9;display:none}
.downguide .gkczflash{ position:absolute; left:161px; top:55px;z-index:9;display:none }

.subnav h2{ width:210px; padding:0 25px; height:35px; display:block;text-indent:-999px; overflow:hidden;}
.quickguide{ width:210px; padding:0 25px;position:relative; z-index:11;}
.quickguide li{ float:left; width:60px; height:30px; line-height:30px; padding-left:45px; display:inline;}
.quickguide li a{ width:60px; height:30px; display:block; color:#517795;}
.quickguide li a:hover{ color:#ff008a;}
/**********focus************/
#focus{height:525px; width:791px; position:absolute; right:0; top:-158px;}
#focus .focusbg{background:url(../../images/v5/hotnewsbg.png) 8px 3px no-repeat; width:741px; height:228px; position:absolute; right:0; bottom:0; z-index:5;}
#focus .pics{position: absolute; top: 16px; left: -80px;height:509px; width:850px; display:block; z-index:5;  }
#focus .pics a{display:block; position:absolute; left:110px; top:0;height:507px; width:740px; overflow:hidden;display:none; z-index:3; }
#focus .pics a img{ display:block; position:relative; z-index:3; }
#focus .btns{ width:323px; height:225px; position: absolute; bottom:0px; left:60px; z-index:6; }
#focus .btns ul{ position:absolute; left:67px; top:22px; width:225px; height:190px; display:block;}
.btns li{ width:55px; height:55px;display:block; cursor:pointer; position:absolute; z-index:99;}
.btns li a{width:55px; height:55px; display:block; overflow:hidden; z-index:99;background-image:url(../../images/intro23/ic_list.png);background-repeat: no-repeat;}
.btns li.focusbtn1{ position:absolute; left:168px; top:0;}
.btns li.focusbtn1 a{ background-position:-2px -1px;}
.btns li.focusbtn1 a.on{ background-position:-181px 0px;}
.btns li.focusbtn2{ position:absolute; left:145px; top:53px; }
.btns li.focusbtn2 a{background-position:-2px -61px;}
.btns li.focusbtn2 a.on{background-position:-181px -61px;}
.btns li.focusbtn3{ position:absolute; left:109px; top:90px;}
.btns li.focusbtn3 a{background-position:-2px -119px;}
.btns li.focusbtn3 a.on{background-position:-181px -119px;}
.btns li.focusbtn4{ position:absolute; left:60px; top:122px; }
.btns li.focusbtn4 a{background-position:-2px -189px;}
.btns li.focusbtn4 a.on{background-position:-181px -189px;}
.btns li.focusbtn5{ position:absolute; left:1px; top:130px; }
.btns li.focusbtn5 a{background-position:-2px -260px;}
.btns li.focusbtn5 a.on{background-position:-181px -260px;}

.btns li a  .focusflash{ position:relative; top:3px;}
/**********tab************/
.hotnewsbox{ width:401px; height:228px; display:block; position:relative; z-index:9; margin:142px 2px 0 0; padding:0 6px 0 1px;}
.tab{ height:38px; position:relative;}
.tab li{ width:70px; height:38px; display:inline; float:left; margin-right:1px;}

.tab a.more,.tab_btn a.more2{ width:44px;height:38px; display: block; background: url(../../images/v5/ui.gif) -630px -735px no-repeat; position:absolute; right:0; top:0; text-indent:-999px; overflow:hidden;z-index:10;}
.tab a.more:hover,.tab a.more2:hover,.tab_btn a.more2:hover{background: url(../../images/v5/ui.gif) -630px -782px no-repeat;}
.tab a.more2{ width:44px;height:38px; display:inline; float:right;background: url(../../images/v5/ui.gif) -957px -824px no-repeat;text-indent:-999px; overflow:hidden}
.newsbox.r .tab_btn a.more2{display:none;background-position:-957px -824px;}
.newsbox.r .tab_btn a.more2:hover{background-position:-630px -782px;}
.tab li a{width:70px; height:38px; display:block;text-indent:-999px; overflow:hidden;}
.tab li.zonghe a{background: url(../../images/v5/ui.gif) -274px -735px no-repeat;}
.tab li.jiaodian a{background: url(../../images/v5/ui.gif) -345px -735px no-repeat;}
.tab li.huodong a{background: url(../../images/v5/ui.gif) -416px -735px no-repeat;}
.tab li.gonggao a{background: url(../../images/v5/ui.gif) -487px -735px no-repeat;}
.tab li.meiti a{background: url(../../images/v5/ui.gif) -558px -735px no-repeat;}

.tab li.zonghe a.on{background: url(../../images/v5/ui.gif) -274px -782px no-repeat;}
.tab li.jiaodian a.on{background: url(../../images/v5/ui.gif) -345px -782px no-repeat;}
.tab li.huodong a.on{background: url(../../images/v5/ui.gif) -416px -782px no-repeat;}
.tab li.gonggao a.on{background: url(../../images/v5/ui.gif) -487px -782px no-repeat;}
.tab li.meiti a.on{background: url(../../images/v5/ui.gif) -558px -782px no-repeat;}
.tab_con1 ul{ display:none;  width:385px;}
.newslist li{ display:block; height:25px; line-height:25px; padding:0 5px 0 38px; overflow:hidden;}
.newslist li span{ float:right;}

.entrancelist{ height:275px; background:url(../../images/v5/ui.gif) 0 -25px no-repeat; padding:5px 15px 10px 15px;}
.entrancelist a{ width:210px; height:63px; display:block; margin-bottom:5px; background:url(../../images/v5/ui.gif) -779px -69px no-repeat; padding:5px; margin:15px 5px 10px 5px;}
.entrancelist a img{width:210px; height:63px; display:block;}
.kf{ height:111px; position:relative; padding:63px 0 0 20px; width:140px;}
.kfbg{ position:absolute; left:0; top:0; background:url(../../images/v5/ui.gif) 0 -315px no-repeat; width:270px; height:174px; display:block; z-index:2;}
.hide{ display:none;}
.kf a{ width:56px; height:18px; display:inline; float:left; margin-left:10px; text-indent:-99999px; overflow:hidden; position:relative; z-index:3;}
.dc{ height:227px; background:url(../../images/v5/ui.gif) 0 -489px no-repeat; padding:65px 0 0 28px;}
.dc span,.dc ul li{ display:block; overflow:hidden; height:30px;}
.dc span{ height:30px; line-height:30px; margin-bottom:3px;}
.dc span{ display:none }
.dc ul li input{ position:relative; top:-20px; width:0; height:0; overflow:hidden}
.dc span{height:30px; display:block; padding-left:25px;}
.dc ul li label{ background:url(../../images/v5/star1.gif) left center no-repeat; padding-left:25px; display:inline-block; cursor:pointer;}
.dc ul li label.on{ background:url(../../images/v5/star2.gif) left center no-repeat;}
.dc .btn{width:78px; height:33px; display:inline;border:none;cursor:pointer;margin-top:6px; padding:0; overflow:hidden; }
.voteview{margin-left:4px;background:url(../../images/v5/ui.gif) -914px -915px no-repeat; }
.dc .viewhover{background:url(../../images/v5/ui.gif) -914px -952px no-repeat; }
.votesubmit{margin-left:17px;background:url(../../images/v5/ui.gif) -836px -915px no-repeat;}
.dc .submithover{background:url(../../images/v5/ui.gif) -836px -952px no-repeat;}
.w260 .galist{width:260px;margin-top:-12px;overflow: hidden;}
.galist a{ width:238px; height:122px; display:block; padding:11px; margin-top:12px;}
.galist a img{width:238px; height:122px; display:block;}
.galist a.ad1{ background:url(../../images/v5/ui.gif) 0 -780px no-repeat;}
.galist a.ad2{ background:url(../../images/v5/ui.gif) 0 -924px no-repeat;}
.hzmt{ height:146px; background:url(../../images/v5/ui.gif) -275px -586px no-repeat; position:relative; margin-top:12px;}
.hzmt .val{ width:194px; height:27px; position:absolute; left:32px; top:76px; line-height:27px; text-align:center; display:block;cursor:pointer;}
.hzmt .set1{ position:absolute;left:33px; width:182px; padding:0 5px 0px 5px; border:#a0deff 1px solid;  display:block; z-index:3; background:#fff; bottom:71px; border-bottom:none;}
.hzmt .set2{position:absolute;left:33px; width:182px; padding:0 5px 0px 5px; border:#a0deff 1px solid;  display:block; z-index:3; background:#fff; top:104px; border-top:none;}
.hzmt .set li{ height:29px; line-height:29px; border-bottom:#a0deff 1px solid; display:block; text-align:center; position:relative; bottom:-1px;}
.gamedata{ height:291px; }
.w482.gamedata h2>a{width:62px;display:block;float:left;height:100%;background:url(../../images/v5/ui.gif) -275px -26px no-repeat;overflow: hidden;}
.gamedata h2{ width:63px; height:277px; float:left; display:inline; text-indent:-999px; overflow:hidden;}
.gamedata dl{ line-height:18px; display:block;}
.w482.gamedata dl{float:left;width:418px;border-top:1px dashed #d4d5fe;border-right:1px solid #adadff;background-color:#f7f7ff;}
.gamedata dl.gamedatah1,.gamedata dl.gamedatah4,.gamedata dl.gamedatah5{ height:50px;}
.gamedata dl.gamedatah1 dt,.gamedata dl.gamedatah4 dt,.gamedata dl.gamedatah5 dt{ height:50px;}
.gamedata dl.gamedatah2,.gamedata dl.gamedatah3{ height:67px;}
.gamedata dl.gamedatah2 dt,.gamedata dl.gamedatah3 dt{ height:67px;}
.gamedata dl.gamedatah2,.gamedata dl.gamedatah4{background-color:#fff;border-right:1px solid #d4d5fe;}
.gamedata dl.gamedatah2 dt,.gamedata dl.gamedatah4 dt{border-color:#d4d5fe;}

.gamedata dl a{ color:#8b66ae;}
.gamedata dl a:hover{ color:#ff008a;}
.gamedata dl dt{ width:80px;display: inline-block;  overflow:hidden; float:left;text-align: center;vertical-align: middle;font-size:0;border-style:none solid none solid;border-width:1px;border-color:#adadff;}
.gamedata dl dt span{width:80px;height:30px;display:inline-block;position:relative;top:50%;margin-top:-15px;text-indent:-1000px;background:url(../../images/v5/ui.gif) -350px -38px no-repeat;vertical-align: middle;}
.gamedata dl.gamedatah5{border-bottom:1px dashed #d4d5fe;}
.gamedata dl.gamedatah2 dt span{background-position:-350px -100px;}
.gamedata dl.gamedatah3 dt span{background-position:-350px -171px;}
.gamedata dl.gamedatah4 dt span{background-position:-350px -224px;}
.gamedata dl.gamedatah5 dt span{background-position:-350px -271px;}
.gamedata dl dd{ padding:9px 0;float:right;line-height:16px; width:330px;margin-right:-10px;border-right:1px solid #adadff;}
.gamedata dl dd a{ display:inline-block; height:16px; line-height:16px;margin-right:16px;float:left;}

.galist2 a{ width:208px; height:81px; padding:6px; display:block; margin-bottom:5px; background:url(../../images/v5/ui.gif) -780px -143px no-repeat;}
.plt{ height:268px; position:relative; background: url(../../images/v5/ui.gif) -275px -318px no-repeat; overflow:hidden; z-index:1;}
.plt h2{ width:57px; height:236px; display:block; text-indent:-999px; overflow:hidden; position:absolute; left:0; top:10px;}
.plt ul{ position:absolute; left:63px; top:48px; width:668px;}
.plt ul li{ width:156px;  height:211px; display:inline; float:left; margin-right:9px; background:url(../../images/v5/ui.gif) -844px -586px no-repeat;}
.plt ul li img{ width:141px; height:141px; display:block; padding:7px 8px 9px; margin-bottom:10px;}
.plt ul li span{ color:#9e2b59; display:block; padding-left:40px; line-height:18px;}
.actlist3{ width:700px; height:117px; display:block; padding:7px; background:url(../../images/v5/bannerbg1.gif) 0 0 no-repeat; margin-bottom:13px;}
.actlist3 img{width:700px; height:117px; display:block;}

.newsboxbg1{ background:url(../../images/v5/newsboxbg1.jpg) top center repeat-y;}
.newsboxbg2{ background:url(../../images/v5/newsboxbg2.jpg) top center repeat-y; margin-top:20px;}
.tab li.ghzq a{background: url(../../images/v5/ui.gif) -275px -838px no-repeat;}
.tab li.ltrt a{background: url(../../images/v5/ui.gif) -344px -838px no-repeat;}
.tab li.jyjl a{background: url(../../images/v5/ui.gif) -675px -735px no-repeat;}
.tab li.jmbz a{background: url(../../images/v5/ui.gif) -675px -824px no-repeat;}
.tab li.yxjt a{background: url(../../images/v5/ui.gif) -746px -824px no-repeat;}

.tab li.jcsp a{background: url(../../images/v5/ui.gif) -817px -824px no-repeat;}
.tab li.mhs a{background: url(../../images/v5/ui.gif) -886px -824px no-repeat;}
.tab li.baike a{background: url(../../images/v5/ui.gif) -640px -1087px no-repeat;}
.tab li.aiwen a{background: url(../../images/v5/ui.gif) -711px -1087px no-repeat;}

.tab li.ghzq a.on{background: url(../../images/v5/ui.gif) -414px -838px no-repeat;}
.tab li.ltrt a.on{background: url(../../images/v5/ui.gif) -483px -838px no-repeat;}
.tab li.jmbz a.on{background: url(../../images/v5/ui.gif) -675px -865px no-repeat;}
.tab li.yxjt a.on{background: url(../../images/v5/ui.gif) -746px -865px no-repeat;}
.tab li.jcsp a.on{background: url(../../images/v5/ui.gif) -817px -865px no-repeat;}
.tab li.jyjl a.on{background: url(../../images/v5/ui.gif) -746px -735px no-repeat;}
.tab li.baike  a.on{background: url(../../images/v5/ui.gif) -640px -1045px no-repeat;}
.tab li.aiwen a.on{background: url(../../images/v5/ui.gif) -711px -1045px no-repeat;}
.tab li.mhs a:hover,.tab li.mhs.on a{background: url(../../images/v5/ui.gif) -886px -865px no-repeat;}

.tab_con2{ width:350px; height:149px; display:block; background:url(../../images/v5/boxbg.gif) 0 0 no-repeat; padding:1px;}
.tab_con3{width:352px; }
.tab_con4{ width:350px; height:149px; display:block; background:url(../../images/v5/boxbg.gif) -1px -1px no-repeat; padding:0 0 2px ;}
.tab_con2 ul{ background:url(../../images/v5/ui.gif) -275px -876px no-repeat;}

.w350 .tab .mhs{}
.w350 .tab_btn{position:relative;}
.w350 .tab .yxwj a{background:url('../../images/intro23/ic_list.png') 0px -880px no-repeat;}
.w350 .tab .yxwj a:hover,.w350 .tab .yxwj.on a{background-position:0 -927px;}
.w350 .tab_con{width:100%;overflow: hidden;height:285px;}
.w350 .tab_con .show_box{width:1000%;height:100%;}
.w350 .tab_con .piclist{float:left;height:100%;width:350px;}
.piclist{}
.piclist li{ width:173px; height:142px; display:inline;float:left;margin-right:2px;}
.piclist a{ width:159px; height:125px; display: block;  padding:7px; background:url(../../images/v5/ui.gif) -671px -586px no-repeat; }

.footer{ height:150px; display:block;}
.firstfence { position:relative;}
.firstfence  .jiathis_style{ float:none; position:absolute; right:10px; top:127px; z-index:100;  margin:0;}
.firstfence .jiathis_txts{float: left; line-height: 16px !important;text-decoration: none;font-family:'"宋体",microsoft yahei'; font-size:11px!important;}

/*sgAlert*/
.sgAlert { width:491px; overflow:hidden; }

.sgAlert .al_top { height:35px; background:url(../../images/v5/sg_al_top.jpg)  no-repeat 0 0; position:relative; overflow:hidden; }

.sgAlert .al_top .close { height:18px; width:18px; position:absolute; right:10px; top:7px; z-index:100; }

.sgAlert .al_top .tt { float:left; color:#ffb101; text-shadow:1px 1px #57000a; font:bold 16px/30px "Microsoft YaHei", "微软雅黑", Tahoma, arial, sans-serif; padding:0 0 0 20px; }

.sgAlert .al_con { min-height:100px; background:url(../../images/v5/sg_al_con.jpg) repeat 0 100%; padding:20px; text-align:center; }

.addColumn.prop,.addColumn.ranklist{margin-top:8px;}
/* 热门道具 */
.prop{width:478px;float:left;}
.addColumn .box_head{width:100%;height:38px;margin:10px 0 5px;position:relative;}
.addColumn .box_head .box_head_name{display:block;width:76px;height:38px;background:url('../../images/intro23/ic_list.png') -106px -326px;text-indent:-1000px;}
.addColumn .box_head .box_head_name:hover{background-position:-1px -326px;}
.addColumn .box_head .box_head_pages{position:absolute;height:22px;top:8px;right:-3px;text-align: right;font-size:0;}
.addColumn .box_head .box_head_pages .dp{width:23px;height:22px;display:inline-block;text-align:center;line-height:22px;background:url('../../images/intro23/ic_list.png') -34px -421px;margin:0 3px;font-family:'宋体';font-size:12px;color:#4ca6ff;}
.addColumn .box_head .box_head_pages .dp:hover,.addColumn .box_head .box_head_pages .dp.on{background-position:-4px -421px;color:#ff0081;}
.addColumn .box_con{height:226px;width:100%;background:url('../../images/intro23/prop_bg.png') no-repeat 0 0;overflow: hidden;}
.addColumn .box_con .tab_box{/* padding:20px 35px; */width:408px;height:204px;margin:20px 0 0 35px;overflow: hidden;}
.addColumn .box_con .show_box{width:1000%;height:100%;}
.addColumn .box_con .list{width:408px;float: left;}
.addColumn .box_con .list.on{display:block;}
.addColumn .box_con .item{width:200px;height:80px;float:left;margin:0 4px 22px 0;}
.addColumn .box_con .item .img_box{width:76px;height:76px;border:2px solid #e6e6e6;float:left;cursor:pointer;}
.addColumn .box_con .item .img_box img{width:100%;height:100%;}
.addColumn .box_con .item .txt_box{width:110px;height:80px;margin-left:10px;float:left;font-family:'宋体';}
.addColumn .box_con .item .txt_box .name{width:110px;overflow:hidden;white-space : nowrap; text-overflow : ellipsis; font-family:'宋体';font-size:12px;color:#3a91ba;font-weight:bold;line-height:24px;}
.addColumn .box_con .item .txt_box .price,.addColumn .box_con .item .txt_box .putTime{color:#5e5e5e;font-size:12px;line-height:16px;}
.prop .box_con .item .txt_box .price,.prop .box_con .item .txt_box .putTime{width:110px;overflow: hidden;text-overflow ：ellipsis;white-space : nowrap;}
.addColumn .box_con .item .txt_box .price span,.addColumn .box_con .item .txt_box .putTime span{color:#1c9ee4;font-weight:bold;}
.addColumn .box_con .item .txt_box .seeAbout{display:block;width:65px;height:17px;line-height:17px;border-top:1px solid #8ad3fb;border-bottom:1px solid #8ad3fb;text-align: center;font-size:12px;color:#fff;background-color:#1c9ee4;margin-top:4px;}
.ranklist{float:right;width:223px;margin-right:10px;overflow: hidden;}
.ranklist .box_head{margin:5px 0 10px;}
.ranklist .box_head .box_head_name{margin-left:15px;background-position:-106px -369px;}
.ranklist .box_head .box_head_name:hover{margin-left:15px;background-position:-1px -369px;}
.ranklist .box_con{background:url('../../images/intro23/ranklist_bg.png') no-repeat 0px 0px;padding-left:15px;}
.ranklist .box_con .tab_box{padding:0;border-top:2px solid #00c2ff;margin:0;width:208px;height:100%;}
.ranklist .box_con .list{display:block;width:208px;}
.ranklist .box_con .item{margin:8px 0 0 0;padding-bottom:8px;border-bottom:1px solid #9fddff;height:41px;position:relative;}
.ranklist .box_con .item:last-child{border-bottom:none;}
.ranklist .box_con .item .img_box{position:absolute;border-width:1px;width:39px;height:39px;top:0;right:0;}
.ranklist .box_con .item .txt_box{margin-left:6px;height:100%;width:140px;}
.ranklist .box_con .item .txt_box .ic{width:21px;margin-right:7px;height:100%;float:left;background:url('../../images/intro23/ic_list.png') no-repeat -4px -600px;text-align: center;line-height: 22px;color:#fff;font-size:12px;font-weight:bold;font-style:normal;}
.ranklist .box_con .item .txt_box .ic.hot{/* background-position:-4px -543px; */}
.ranklist .box_con .item a:hover .txt_box .ic{background-position:-4px -543px;}
.ranklist .box_con .item .txt_box .name{color: #585858;float:left;width:100px;}
.ranklist .box_con .item .txt_box .price{float:left;}
.ranklist .box_con .item .txt_box .price,.ranklist .box_con .item .txt_box .price span{color: #676767;}
.ranklist .box_con .item a:hover .txt_box .name{color:#f34781;}

/* 热门道具pop */
.zzDiv{position:fixed;_position:absolute;width:100%;height:100%;top:0;left:0;z-index:2000;background-color:#000;opacity:0.8;filter:alpha(opacity=80);display:none;}
.pop{position:fixed;_position:absolute;z-index:2001;}
.album{width:710px;height:626px;top:50%;left:50%;margin:-313px 0 0 -355px;display:none;}
.album .closePopBtn{position:absolute;top:0px;right:4px;width:32px;height:32px;display:block;background:url('../../images/intro23/ic_list.png') no-repeat 4px -479px;z-index: 50;}

.album .albumBox .doAlbumPages{position:absolute;width:16px;height:80px;bottom:9px;text-align: center;line-height:16px;vertical-align: middle;color:#696767;font-weight:bold;z-index:500;padding:0 5px;}
.album .albumBox .doAlbumPages:hover{color:#f34781;}
.album .albumBox .doAlbumPages.up{left:5px;} 
.album .albumBox .doAlbumPages.down{right:5px;}
.album .albumShow_box{width:710px;height:625px;overflow: hidden;}
.album .albumConBox{width:710px;height:625px;display:none;}
.album .albumConBox.on{display:block;}
.album .albumImgBox{width:700px;height:522px;border:2px solid #fff;overflow: hidden;margin:0 3px 1px;position:relative;}
.album .albumImgBox>.pageBtn{position:absolute;top:0;width:20%;height:100%;z-index:5;overflow: hidden;text-indent:-1000px;background-image:url('../../images/intro23/opbg.png');background-repeat:repeat;}
.album .albumImgBox>.pageBtn:hover{/* background-color:#fff;opacity:0.2;filter:alpha(opacity=20); */}
.album .albumImgBox>.pageBtn.topPiece{left:0;}
.album .albumImgBox>.pageBtn.topPiece:hover{background:url('../../images/v5/prev.png') no-repeat left center;}
.album .albumImgBox>.pageBtn.nextPiece{right:0;}
.album .albumImgBox>.pageBtn.nextPiece:hover{background:url('../../images/v5/next.png') no-repeat right center;}
.album .albumImgBox .list{width:4000%;height:100%;}
.album .albumImgBox .item,.album .albumImgBox .item img{width:700px;height:100%;float:left;}
.album .albumTabBox{width:100%;height:98px;background-color:#fff;border-radius:5px;position:relative;overflow: hidden;}
.album .albumTabBox .doPages{position:absolute;width:20px;height:80px;top:9px;writing-mode:tb-rl;text-align: center;line-height:20px;vertical-align: middle;color:#696767;font-weight:bold;background:url('../../images/intro23/ic_list.png') no-repeat;}
.album .albumTabBox .doPages:hover{color: #ff4191;}
.album .albumTabBox .doPages.up{left:30px;background-position:-7px -780px;}
.album .albumTabBox .doPages.down{right:32px;background-position:-4px -687px;}
.album .albumTabBox .tabBox{height:80px;width:596px;margin:0 auto;margin-top:9px;overflow: hidden;}
.album .albumTabBox .tabBox .list{width:4000%;}
.album .albumTabBox .tabBox .item{width:72px;height:72px;float:left;padding:2px;border:2px solid transparent;margin-right:6px;}
.album .albumTabBox .tabBox .item.on{border-color:#3388fb;}
.album .albumTabBox .tabBox .item a{display:block;border:1px solid #dfdfdf;width:70px;height:70px;vertical-align: middle;font-size:0;line-height:70px;text-align: center;}
.album .albumTabBox .tabBox .item.on a{border-color:transparent;}
.album .albumTabBox .tabBox .item a:before{content:"";display:inline-block;width:0;height:100%;vertical-align: middle;}
.album .albumTabBox .tabBox .item img{max-width:100%;max-height:100%;vertical-align: middle;display:inline-block;}


#loading{position: fixed;top: 50%;left: 50%;height: 40px;width: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 9999;display: none;}
#loading>div{position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url(../../images/v5/fancybox.png);}