body{ background:#f1f1ef; font-size: 12px;font-family:"SimSun";min-width: 1000px; color: #2c2b30}
a:focus,a:active,a:hover{ outline:none}
a{color: #333}
a:hover{text-decoration:underline;}
img{vertical-align: middle;}

.ico{display: inline-block;*display: inline;*zoom:1; vertical-align: middle;}
.mb20{ margin-bottom: 20px;}
.mt5{ margin-top: 5px;}
.mt30{ margin-top: 30px;}

.txt-c1{ color: #dd2218;}
.txt-c2{ color: #4f9dfe;}
.txt-c3{ color: #cc6600;}
.txt-c4{ color: #fda500;}
.txt-c5{ color: #000;}
.fs20{ font-size: 20px;}

/*gb-list2*/
.gb-list2{ overflow:hidden; *zoom:1; font-size:0; }
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;text-align:center}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto; vertical-align: baseline;}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block}
.gb-list2 .avatar,.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:99%; margin-left:auto; margin-right:auto; text-overflow:ellipsis}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:400px; height:400px; width:100%\0; height:100%\0; background:#000; filter:alpha(opacity:50); opacity:.5}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.hd{ overflow: hidden;*zoom:1;}
.hd .tit{ float:left;}
.hd .more{ float: right;}

.wrap{ background: url(http://ue2.17173cdn.com/a/dnf/zt/2014/gunner/img/top.jpg) no-repeat center top;}
.wrap-sub{ background:url(http://ue3.17173cdn.com/a/dnf/zt/2014/gunner/img/top-sub.jpg) no-repeat center top}
.content{ width: 1000px;margin:20px auto 0; padding-bottom:20px; }
.header{ height:239px; width: 1000px; margin: 0 auto; position: relative;}
.wrap-sub .header{ height: 305px;}
.header .logo{ position: absolute; top:15px;left:143px; width:144px;height:55px }
.header .logo-dnf a{position: absolute; top:0;left:0; width:143px;height:95px}
.header .nav{position: absolute;left: 0; bottom: 0; height:65px;}
.header .nav li{float:left;}
.header .nav li a{display: block; float:left; height: 65px; font:normal 18px/60px "Microsoft Yahei"; color: #b3a27e;width: 149px; text-align: center;background:url(http://ue1.17173cdn.com/a/dnf/zt/2014/gunner/img/nav-bg.png) repeat-x;background-position: 0 0;}
.header .nav li a:hover{ color: #eee2ca;text-decoration: none; background-position: 0 5px} 
.header .nav .item1 a{width: 255px; background-position:0 -65px;}
.header .nav .item1 a:hover{width: 255px; background-position:0 -60px;}


.header .sub-link{ position: absolute; right: 0; top: 0; width:201px;}
.header .sub-link a{display: block; width: 201px;height: 60px;font: normal 18px/60px "Microsoft Yahei"; background:url(http://ue3.17173cdn.com/a/dnf/zt/2014/gunner/img/sp.png) no-repeat; background-position: -460px -60px;  color: #b5a480;text-align: center;} 
.header .sub-link a:hover{ background-position:-670px -60px; font-weight: bold;color: #fff; text-decoration:none }


.area1{ background:#fff url(http://ue1.17173cdn.com/a/dnf/zt/2014/gunner/img/bg1.jpg) no-repeat left top; padding: 20px 20px 20px 288px;}

.area1-c1{ overflow:hidden;*zoom:1;}
.area1-c1 .jtzy{ float: left; width:460px; }
.area1-c1 .jtzy .hd{ height:60px;border-bottom: 1px solid #b98f67}
.area1-c1 .jtzy .hd .tit{ color: #2c2b30; font:bold 40px/60px "Microsoft Yahei"; }
.area1-c1 .jtzy .hd .more{ padding-top:13px;line-height: 48px; font-size:20px;  }
.area1-c1 .jtzy .bd{ overflow:hidden;*zoom:1; padding-top: 15px;}
.area1-c1 .jtzy .bjgs-tit{ float: left; width:87px; padding-top: 22px; font-size: 17px; font-family: "Microsoft Yahei";}
.area1-c1 .jtzy .bjgs-con{ float:left; padding-left:15px; line-height:20px; width: 357px;border-left: 1px solid #e1e1e1  }
.area1-c1 .video{ float: right; width:200px; height: 150px; }

.area1-c2{background-color: #f4f4f2; padding-top: 3px; overflow: hidden;*zoom:1;margin-top: 30px;}
.area1-c2 .gb-tab{ overflow: hidden;*zoom:1; width:692px; }
.area1-c2 .gb-tab li{ float: left; width:172px}
.area1-c2 .gb-tab-con{ display: block;width: 171px; height:88px; float: left;border-left: 1px solid #e0e0e0; border-top: 2px solid #f4f4f2; background-color: #f4f4f2; border-bottom: 1px solid #e0e0e0; }
.area1-c2 .gb-tab-con:hover,.area1-c2 .current{ background-color: #fff; border-top: 2px solid #c69d73; border-bottom: 1px solid #fff; text-decoration: none;}
.area1-c2 .gb-tab-con .tit1,.area1-c2 .gb-tab-con .tit2{ display: block; text-align: center;}
.area1-c2 .gb-tab-con .tit1{ color: #2c2b30; font: bold 22px/30px "Microsoft Yahei"; margin-top: 11px; }
.area1-c2 .gb-tab-con .tit2{ font-size: 18px;font-family: "Microsoft Yahei";margin-top:5px; }
.area1-c2 .gb-tab-con .tit1 img{ margin-right: 5px;} 
.area1-c2 .gb-tab-pn{ background-color: #fff; min-height: 288px;}
.pictt{ overflow: hidden;*zoom:1;padding: 20px 10px 15px 20px;}
.pictt .t-con{ margin-bottom:15px;}
.pictt .text{position: relative; float: left; width:340px;height: 252px;}
.pictt .pic{ float: right; width: 301px; padding-right: 10px;}
.pictt p{ line-height: 20px;}
.pictt .img{ margin-top: 5px; display: block;}
.pictt .xq{position: absolute; right:0; bottom:0;width:108px; height: 23px; background-color: #c69d73; line-height: 23px; color: #fff; text-align: center; color: #fff; }
.area1-c2 .tab-con{ border: 1px solid #e0e0e0; border-top: 0;}

.area2{ overflow: hidden;*zoom:1; margin-top: 20px;}
.area2 .hd,.area3 .hd{ height:53px;line-height:53px;background: url(http://ue3.17173cdn.com/a/dnf/zt/2014/gunner/img/sp.png) no-repeat; overflow: hidden;*zoom:1; padding: 0 20px;}
.area2 .hd .tit{float:left; font: normal 22px/53px "Microsoft Yahei"; color: #fff;}
.area2 .hd .more{ float: right;}
.area2 .hd .more a{ color: #fff;}

.area2-c1{width: 530px; float: left;}
.area2-c2{ width:450px; float: right; }
.area2-c1{ background-position: 0 0}
.area2-c2{ background-position:0 -550px; } 

.area2-c2-c{ margin-top: 10px}
.area2-c2 .hd-s{ height:20px; line-height: 20px;border-left: 5px solid #c69d73; padding: 0 10px;}
.area2-c2 .hd-s .tit{ font: normal 16px/20px "Microsoft Yahei";color: #18181a}
.area2-c2 .bd-s{ overflow: hidden;*zoom:1;} 

.table{margin-top: 10px; background-color: #fff;}
.table thead th{ height: 30px;line-height:30px;background-color: #e0e0e0; text-align:center;}
.table tbody td{ height: 40px; line-height: 40px; border-right: 1px solid #dddddd; border-bottom: 1px solid #ddd; padding-left: 10px;}
.table .pic{ text-align: center; padding: 0}


.ad-img{ margin-top: 20px; height:98px; }

.area3{ margin-top: 20px;}
.area3 .hd{ background-position: 0 0}
.area3 .bd{ overflow: hidden;}
.video-list{ margin: 0 -20px;}


.video-list li{ width:220px;padding:15px 20px 0;}
.video-list .gb-list2-con{width: 220px; color: #000; text-align:left;}
.video-list .gb-list2-c1{ position: relative; }
.video-list .gb-list2-c2{padding: 5px 0;}
.video-list .txt{height: 40px; line-height: 20px;}
.video-list .avatar{ width: 220px; height: 124px;}
.newvideo .v-info,.hotvideo .v-info,.fbsp .v-info,.spss .v-info{_bottom:50px}
.video-list .gb-list2-con:hover{text-decoration: none;}
.v-info{position: absolute;width: 210px;height: 23px;padding: 20px 5px 0 5px;bottom: 0;left: 0; font-size: 14px;color:#fff;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');
cursor: pointer;
}
.v-info .num{float: left;display: block; padding-left:25px;  background: url(http://ue3.17173cdn.com/a/dnf/zt/2014/gunner/img/sp-ico.png) no-repeat;background-position: 0 0;text-align: left;font-style: normal;}
.v-info .name{ float: right;text-align: right;display:block; width:117px; overflow: hidden; }
.video-list .video-item{display: block; width: 220px; overflow: hidden;}
.video-list .video-item .v-info .name{ width: 125px; overflow: hidden;}
.video-list .video-item .v-info .num{ width: 60px; overflow:hidden;}
.v-info{_bottom:50px}
.icon{width: 14px; height: 16px;margin: 0 5px 2px 0; background: url(http://ue3.17173cdn.com/a/dnf/zt/2014/gunner/img/sp-ico.png) no-repeat;background-position: 0 -20px; }
.area2-c2-c .video-list{ margin: 0 -5px;}
.area2-c2-c .video-list li{padding:13px 5px 0;} 


.pane-img{ overflow:hidden;*zoom:1;}
.pane-img li{ float: left; width:250px;}
.pane-img li a{display: block;position: relative; width: 250px; height:529px; color: #0c0f22;   }  
.pane-img li a .pic{ position: absolute; left: 0; top: 0;}
.pane-img li a .btn{position: absolute; bottom:40px; left: 15px; font:bold 24px/50px "Microsoft Yahei"; text-align: center; display: block; width:220px; height: 50px; background:url(http://ue3.17173cdn.com/a/dnf/zt/2014/gunner/img/sp.png) no-repeat; background-position:-230px -60px}
.pane-img li a:hover .btn{ background-position:0 -60px}
.pane-img li .pic2{display: none;}
.pane-img li a:hover .pic1{ display: none;}
.pane-img li a:hover .pic2{ display: block; -webkit-animation-name: flipInX;animation-name: flipInX;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
*html .pane-img li a:hover .pic1{ direction:ltr}
.pop-video{ display:none; position:fixed; z-index:700; *zoom:1;}
.pop-video{ position:relative;width:780px; height:440px;overflow: hidden; background-color: #000;text-align: center; padding:20px 30px;}
.pop-video .close{ position:absolute;overflow: hidden; right:0; top:0; font-size: 30px; color:#fff; width:30px; text-align:center; height:30px; line-height: 30px; _line-height:24px; z-index:1000;font-family: Arial}
.pop-video img{ vertical-align:middle;width: auto; height: auto; overflow: hidden;}
.pop-video .close:hover{ color:#fff; text-decoration:none;}
:root .pop-video .close b{ filter:none \0}

.global-footer{ background-color: #0e1a22; padding-top: 30px;}
.global-footer, .global-footer a:link, .global-footer a:visited, .global-footer a:active, .global-footer a:hover { color: #565249; }
@keyframes flipInX {
  0% {
    -webkit-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    transform:rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform:rotateX(-10deg);
    -ms-transform:rotateX(-10deg);
    transform:rotateX(-10deg);
  
  }

  70% {
    -webkit-transform:rotateX(10deg);
    -ms-transform:rotateX(10deg);
    transform:rotateX(10deg);

  }

  100% {
    -webkit-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    transform:rotateX(90deg);
    opacity: 0;

  }

  40% {
    -webkit-transform:rotateX(-10deg);
    -ms-transform:rotateX(-10deg);
    transform:rotateX(-10deg);

  }

  70% {
    -webkit-transform:rotateX(10deg);
    -ms-transform:rotateX(10deg);
    transform:rotateX(10deg);

  }

  100% {
    -webkit-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity: 1;
  }
}