/*the global*/
body{font-size:14px;  font-family: "Microsoft Yahei"; min-width:1000px;}

.global-footer{ color:#999; background:#333; padding:30px 0;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#999;}

.mask{ z-index:-1; position: absolute; top:0; left:0; background:#000; width:100%; height: 100%; *height: 800px; filter:alpha(opacity:60); opacity:.60}
:root .mask{ filter:none \0}

.ico{ display:inline-block; vertical-align:middle; background:url(http://ue3.17173cdn.com/a/wows/zt/2015/tanying/img/sprite.png) no-repeat;}
.ico-tit{background-position:0 -46px; width: 27px; height: 27px; margin: 0 10px 3px 0}



.pn{width: 1000px; margin:60px auto 0; overflow: hidden; *zoom:1;}
.pn .hd-tit{font-size: 30px; font-weight: bold; padding-bottom: 20px;}
.pn .bd{overflow: hidden; *zoom:1;}
/*the header*/
.header{height:456px; position: relative;}
.focus-top{ overflow: hidden; position: relative; height:456px;}
.focus-top .focus-con{ position: relative; }
.focus-top .focus-item{ position: absolute; width: 100%;}
.focus-top .focus-item .avatar{ width: 100%; height:456px; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.focus-top .focus-nav{ display: none;}

.header-con{width:552px; height: 333px; overflow: hidden; z-index: 9; position: absolute; top:70px; left:50%; margin-left: -52px;}
.header-con-in{padding:20px; color: #fff}
.header-con-in .logo-img{position: relative; height:80px; overflow: hidden;}
.logo-img .logo-173{position: absolute; left:0; top:10px}
.logo-img .logo-wows{position: absolute; left:170px; top:0px}
.logo-img .line{width: 1px; height:40px; display: block; overflow: hidden; background:#737373; position: absolute; left:150px; top:15px}
.header-con-in .tit{font-weight: bold; font-size: 50px; line-height: 1.2; padding-top: 15px;}
.header-con-in .txt{font-size:20px; color:#b3b3b3; padding-bottom:20px;}
.header-con-in .guide{line-height:2}
.header-con-in .guide .yellow{color:#fdcd00;}

.pn-summary{overflow: hidden; *zoom:1;}
.mod-date{width:130px; float: left; margin-right:25px; text-align: center;}
.mod-date .year{background: #000; color: #fff; font-size:20px; font-weight: bold; height: 43px; line-height: 2.1}
.mod-date .month{border: 1px solid #c7c7c7; border-top: 0; font-size:50px; height: 112px; padding-top: 5px;}
.mod-date .month-en{font-size:18px;}
.mod-summary{overflow: hidden; *zoom:1; position: relative;}
.mod-summary .mask{top:6px; left: 6px; background: #999}
.mod-summary-in{background:#26baf2; height: 160px; margin: 0 6px 6px 0;overflow: hidden; *zoom:1;}
.mod-summary-in .pic{width: 124px; float: left; margin:20px; *display: inline;}
.mod-summary-in .text-box{overflow: hidden; *zoom:1; color: #fff; padding-right:20px;}
.mod-summary-in .text-box .sub-tit{display: inline-block;*zoom:1;*display:inline; background: #000; padding:2px 10px;}
.mod-summary-in .text-box .tit{font-size:24px; padding:8px 0 5px 0}
.mod-summary-in .text-box .txt{color:#beedff; line-height: 1.7}

.mod-l{width:645px; float: left;}
.mod-l .tag{color: #fff; width:90px; text-align: center; padding-right: 17px; height: 33px; background:url(http://ue3.17173cdn.com/a/wows/zt/2015/tanying/img/sprite.png) no-repeat; font-size: 16px; line-height:2;}
.top-box p{padding-bottom: 25px; line-height: 1.7}
.top-box{border-bottom: 1px dashed #999; margin-bottom: 20px;}
.top-box .tit{font-weight: bold; font-size: 30px; padding:12px 0}
.art-box{}
.art-box .tit{font-size: 20px; margin-bottom: 20px;} 
.art-box p{text-indent: 2em; line-height: 1.7}
.art-box img{display: block; margin: 20px 0}

.pic-box{margin: 20px 0 0; position: relative; width: 645px; height: 375px; overflow: hidden; *zoom:1;}
.scroll-box{position: relative;}
.scroll-con{width:20000000px; height: 375px;position:absolute; clear:both; }
.pic-list{overflow: hidden; *zoom:1;}
.pic-list .scroll-item{width: 645px; float: left; position: relative;}
.pic-list .scroll-item .con{display: block;}
.pic-list .scroll-item .detail{width: 645px; height:80px; z-index:99; overflow: hidden; *zoom:1; position: absolute; left: 0; bottom: 0}
.pic-list .scroll-item .detail .mask{filter:alpha(opacity:70); opacity:.70}
.pic-list .scroll-item .num-box{width:80px; height: 80px; color: #fff; float: left; font-size: 16px; line-height:2.2; text-align: center; background: #040405; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 3px;}
.pic-list .scroll-item .num{color:#00deff; font-size: 36px;}
.pic-list .scroll-item .txt-box{overflow: hidden; *zoom:1; padding:10px 20px; color: #fff; font-family: "Simsun"}
.prev,.next{position: absolute; width:27px; height: 95px; overflow: hidden; color:#acacac; font-size: 40px; line-height:2.375; font-weight: bold; text-align: center; font-family: "Simsun"; top:105px; z-index: 999;}
.prev{left: 0}
.next{right: 0}
.prev:hover,.next:hover{color: #fff}
.pic-box .disabled{display: none;}


.mod-r{width: 300px; float: right;}
.comm-mod{margin-bottom: 20px;}
.comm-mod .hd{border-bottom: 1px solid #26baf2; margin-bottom:15px;}
.comm-mod .hd .tit{display:inline-block; *zoom:1;*display:inline; height:34px; border-bottom:3px solid #26baf2; font-size:20px;}
.comm-mod .text-box{line-height: 1.7}
.comm-mod .pic{margin-bottom: 15px;}

.pn-view{background: url(http://ue1.17173cdn.com/a/wows/zt/2015/tanying/img/bg1.jpg) no-repeat center top; height:965px; overflow: hidden; margin-top: 60px;}
.pn-view .pn{margin-top: 30px;}
.pn-view .hd .tit{text-align: center; font-size: 50px; padding:0 0 30px}
.pn-view .text-box p{text-indent: 2em; color: #424242; line-height: 1.7} 

.comm-plist{position: relative; margin-top:40px; height: 670px;}
.comm-plist .item{position: absolute; width: 330px; overflow: hidden;}
.comm-plist .item a{display: block;}
.comm-plist .item .txt{position: absolute; top:-330px; left: 0; height:330px; padding:0px; z-index: 3; overflow: hidden; transition: top 0.5s;width: 330px;}
.comm-plist .item .mask{filter:none;}
.comm-plist .item .txt span{display: block;}
.comm-plist .item .txt .t1{text-align: center; color:#00deff; font-size: 30px; padding-top: 30px;}
.comm-plist .item .txt .t2{color: #fff; padding: 30px 30px 0; line-height: 1.8}
.comm-plist .item a:hover{ *zoom:1;}
.comm-plist .item a:hover .mask{position: absolute; top: 0; left: 0; filter:alpha(opacity:60);}
.comm-plist .item a:hover .txt{top: 0}
.comm-plist .item1{left: 0; top: 0}
.comm-plist .item2{left:335px; top: 0;}
.comm-plist .item2 .txt{height: 665px; top:-665px;}
.comm-plist .item2 .txt .t1{padding-top: 50px;}
.comm-plist .item2 .txt .t2{padding-top: 140px;}
.comm-plist .item3{left:670px; top: 0}
.comm-plist .item4{left:0; top:335px;}
.comm-plist .item5{left:670px; top:335px;}
.comm-plist .item6{left:0; top:670px;}
.comm-plist .item7{left:335px; top:670px;}
.comm-plist .item8{left:670px; top:670px;}

.mod-pic{width:430px; float: left; height: 381px; position: relative;}
.mod-pic .item{position: absolute;}
.mod-pic .item .con{display: block;width: 180px; width: 182px; overflow: hidden; position: relative;}
.mod-pic .item .txt{position: absolute; left: 0; bottom: 0; *bottom:3px; width:180px; text-align: center; text-overflow:ellipsis; height: 30px; line-height:30px; color: #fff; z-index: 3; white-space: nowrap; overflow: hidden;}
.mod-pic .item1{left: 0; top: 0}
.mod-pic .item2{left:200px; top: 0}
.mod-pic .item3{left:0; top:199px;}
.mod-pic .item .con:hover .txt{color:#26baf2}

.mod-qa{overflow: hidden; *zoom:1;}
.comm-list{}
.comm-list .item{position: relative; padding-bottom: 13px; border-bottom: 1px solid #ccc; margin-bottom: 13px; *display: inline; *zoom:1;}
.comm-list .num{position: absolute; left: 0; top: 0; width:30px; height: 27px; color: #fff; padding-right:8px; line-height:30px; text-align: center; background: url(http://ue3.17173cdn.com/a/wows/zt/2015/tanying/img/sprite.png) no-repeat -124px 0; font-size: 24px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.comm-list .tit{font-size:20px; padding-left: 45px;line-height: 30px; *zoom:1;} 
.comm-list .txt{padding:5px 90px 0 0; color:#8b8b8b; line-height:1.7}
.comm-list .more{position: absolute; right: 0; top:39px; width:68px; height: 61px; background: #26baf2 url(http://ue3.17173cdn.com/a/wows/zt/2015/tanying/img/sprite.png) no-repeat 0 -96px; color: #fff; text-align: center; line-height:2.5}
.comm-list .more:hover{background-color:#23a7d9}

.comm-plist1{overflow: hidden; *zoom:1; width: 1050px}
.comm-plist1 .item{float: left; margin-right: 25px; width: 178px; height: 201px; border: 1px solid #c7c7c7}
.comm-plist1 .item .con{display:block; padding: 9px; color: #333;}
.comm-plist1 .item img{display:block; margin-bottom: 10px;}
.comm-plist1 .item .tit{font-size: 16px; }
.comm-plist1 .item .con:hover{text-decoration: underline;}

/*the pn-float*/
.pn-float{ position:fixed; _position:absolute; width:210px; bottom:40%; left:50%; margin-left:-750px; margin-bottom:-100px; z-index:200; }
.pn-float-bd{ width:210px; margin:0 auto; }
.list-subnav-item{text-align: right; margin-bottom: 5px;}
.list-subnav-c,.bt-to-top span{display:inline-block; line-height: 36px; padding: 2px 10px; color: #fff; background-color:#909090; font-size: 16px;}
.list-subnav .current .list-subnav-c{background-color:#26baf2}

.bt-to-top{display: none; width:210px; height:37px; text-align: right; }
