/* dnf zhuan ti */
/* 2013.8.7 */
/* by Ryuuna */

.wrap { background:#1c1c1c;}
.wrap-btm { background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-btm.jpg) no-repeat center bottom;}
.wrap-top { background:url(//images.17173cdn.com/2013/dnf/2013/08/13/zyj.jpg) no-repeat center top;}

ul { overflow:hidden;}
ul,li { *zoom:1;}

.header { height:360px; width:960px; margin:auto; position:relative;}
.header .nav { height:45px; display:inline-block; *zoom:1; background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-x-1.jpg) repeat-x 0 0; position:absolute; right:10px; top:0;}
.header .nav li { display:inline-block; *zoom:1; float:left;}
.header .nav li a { display:inline-block; *zoom:1; height:45px; color:#fff; font-size:16px; font-family:"\5fae\8f6f\96c5\9ed1",Arial; line-height:44px; padding:0 20px;}
.header .nav li a:hover { color:#d66d00;}

/*content*/
.content { width:960px; margin:auto;}

/*con-c*/
.con-c { width:950px; margin:0 auto 25px; background:repeat-y center top;}
.con-c .con-btm { width:950px; background:no-repeat center bottom;}
.con-c .con-top { width:949px; background:no-repeat center top; padding:1px 0 25px 0; overflow:hidden; position:relative;}

.con-c0 { background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-mid-0.png); _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-mid-0-ie6.png);}
.con-c0 .con-btm { background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-btm-0.png); _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-btm-0-ie6.png);}
.con-c0 .con-top { background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-top-0.png); _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-top-0-ie6.png);}

.con-c1 { background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-mid-1.png); _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-mid-1-ie6.png);}
.con-c1 .con-btm { background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-btm-1.png); _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-btm-1-ie6.png);}
.con-c1 .con-top { background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-top-1.png); _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-con-top-1-ie6.png);}

.con-c2 { background:#fff; margin:0 20px; padding:0 20px 10px;}

/*con-c0 gb-tab-pn*/
.con-c0 .gb-tab-pn { width:640px; height:480px; float:left; margin:25px 0 0 28px; _margin:25px 0 0 14px; position:relative;}
.con-c0 .gb-tab-pn .tab-con { width:640px; height:480px; color:#fff; position:absolute; left:0; top:0;}
.con-c0 .gb-tab-pn embed { width:640px; height:480px;}

.con-c0 .right { width:268px; height:480px; position:absolute; right:28px; top:26px; overflow:hidden;}
.con-c0 .gb-tab {}
.con-c0 .gb-tab li { width:268px; height:60px; float:left;}
.con-c0 .gb-tab li a { display:block; width:228px; padding-left:40px; height:60px; background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-btn.png) no-repeat 0 0; _background-image:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-btn-ie6.png);}
.con-c0 .gb-tab li a.on/*, .con-c0 .gb-tab li a:hover*/ { background-position:0 -60px;}
.con-c0 .gb-tab .pic { display:block; width:46px; height:46px; float:left; padding-top:6px; cursor:pointer;}
.con-c0 .gb-tab .pic img { width:42px; height:42px; border:1px solid #1d1d1d; padding:1px; background:#454545;}
.con-c0 .gb-tab .txt { display:block; margin:0 0 0 50px; *zoom:1; position:relative; cursor:pointer; _margin:0 0 0 5px; _width:172px; _float:left;}
.con-c0 .gb-tab .tit { color:#a0a0a0; font-size:14px; font-weight:bold; display:block; line-height:60px; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.con-c0 .gb-tab .num { color:#727272; font-size:18px; position:absolute; right:2px; top:2px; line-height:20px; font-family:Arial;}
.con-c0 .gb-tab li a.on .pic img { background:#9a5618; border-color:#662610;}
.con-c0 .gb-tab li a.on .tit { color:#ffa406;}
.con-c0 .gb-tab li a.on .num { color:#fc7015;}
.con-c0 .btn-more { display:block; width:248px; height:59px; background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-btn.png) no-repeat -270px 0; position:absolute; margin-top:0; right:0; color:#fff; font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1",Arial; line-height:58px; text-align:center;}
.con-c0 .btn-more:hover { background-position:-270px -60px;}

/*box-con0*/
.con-c1 .box-con0 { border-bottom:1px solid #242424; margin:0 28px; overflow:hidden; *zoom:1;}

/*list-con1*/
.list-con0 { width:700px; float:left; margin:25px 10px 0 0;}
.list-con0 li { width:24.9%; float:left; margin:0 0 20px 0;}
.list-con0 li a { display:block; width:100%; height:100%; text-align:center;}
.list-con0 li a img { width:168px; height:73px;}

/*list-con1*/
.list-con1 { margin:0 0 0 10px;}
.list-con1 li { float:left; padding-left:10px; background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-icon.png) no-repeat 0 12px;}
.list-con1 .txt { color:#b7b7b7; display:block; font-size:14px; line-height:26px; width:336px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-con1 .txt a { color:#b7b7b7;}
.list-con1 .txt a:hover { text-decoration:underline;}

/*list-con2*/
.list-con2 {}
.list-con2 li { width:33.3%; float:left; margin-bottom:20px;}
.list-con2 li a { display:block; width:160px; margin:auto; position:relative;}
.list-con2 .pic { display:block; width:160px; height:120px; margin:auto; cursor:pointer;}
.list-con2 .txt { display:none; width:150px; padding:0 5px; height:26px; margin:auto; position:absolute; left:0; bottom:0; color:#fff; font-weight:bold; font-size:12px; line-height:26px; text-align:center; z-index:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.list-con2 .txt b { display:block; width:160px; height:26px; position:absolute; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1;}
.list-con2 li.on .txt { display:block;}

/*box-btn*/
.con-c1 .box-btn { width:164px; float:left; margin:25px 0 0 0; *zoom:1;}
.con-c1 .box-btn h1 { color:#b33000; font-size:24px; font-weight:bold; font-family:"\5fae\8f6f\96c5\9ed1",Arial; line-height:26px; margin-bottom:15px;}
.con-c1 .box-btn .btn { display:inline-block; *zoom:1; width:164px; height:40px; background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-btn.png) no-repeat -520px 0; font-size:16px; font-weight:bold; font-family:"\5fae\8f6f\96c5\9ed1",Arial; color:#fff; text-align:center; line-height:40px; margin-bottom:5px;}
.con-c1 .box-btn .btn:hover { background-position:-520px -60px;}

/*box-con1*/
.con-c1 .box-con1 { margin:0 28px; overflow:hidden; padding:15px 0 0; *zoom:1;}
.con-c1 .box-con1 .left { width:366px; float:left;}
.con-c1 .box-con1 .left h2 { display:block; padding:0 20px; height:37px; line-height:36px; color:#b33000; font-size:24px; font-weight:bold; font-family:"\5fae\8f6f\96c5\9ed1",Arial; background:url(//ue.17173cdn.com/images/dnf/zt/2013/zhygt/bg-btn.png) no-repeat 0 -125px; margin-bottom:20px;}