body{ font-family:"\5b8b\4f53", "\5fae\8f6f\96c5\9ed1"; font-size:12px; background:#090909}
a{ color:#82786d}
a:hover{ color:#ba5f1d; text-decoration:underline}
.wrap{ background:url(http://ue3.17173.itc.cn/images/hj/index/2013/bg1.jpg) #090909 top center no-repeat}


.header{ width:970px; height:378px; position:relative; margin:0 auto}
.header .banner{ position:relative}
.header .logo{ display:block; overflow:hidden; position:absolute; top:60px; right:30px; width:332px; height:178px; line-height:999em}

.nav{ position:absolute; bottom:48px; width:100%; height:58px}
.nav-in{ overflow:hidden; *zoom:1}
.nav-item{ overflow:hidden; float:left; width:139px; height:58px}
.nav-con{ display:block; overflow:hidden; height:58px; font:normal 20px/66px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#f8b551}
.nav-con:hover{ text-decoration:none}
.nav-item1 .nav-con{ color:#370707; font-weight:bold}

.subnav{ position:absolute; z-index:3; bottom:0; left:0; width:958px; height:47px}
.subnav-in{ position:relative; overflow:hidden; margin:18px 0 0 20px}
.subnav-item{ float:left; *margin-left:-1px; font-size:14px; line-height:1.231; *border-left:1px solid #8f7c6c}
.subnav-item:before{ content:"|"; display:block; position:absolute; margin-left:-4px; color:#8f7c6c}
.subnav-con{ display:inline-block; padding:0 10px; color:#8f7c6c}
.subnav-con:hover{ text-decoration:underline}

.content{ width:970px; margin:0 auto; padding-bottom:20px}
.pn-wrap{ border:1px solid #302921; border-top:none}
.pn-wrap-in{ border:1px solid #000; border-top:none; background:#110f0e}
.comm-mod .hd{ height:35px; padding:0 10px 0 36px; margin-bottom:10px; line-height:35px; background: url(http://ue3.17173.itc.cn/images/hj/index/2013/bg6.png) 0 0 no-repeat}
.comm-mod .bd{ padding:0 10px}

.first-screen-mod1{ margin-top:15px}
.first-screen-mod1 .hd .tit{ color:#f39700}
.first-screen-mod1 .hd .link{ color:#635c54}
.first-screen-mod1 .hd .link:hover{ color:#ba5f1d}

.first-screen-list1 li{ height:24px; line-height:24px}
.first-screen-list1 .date{ padding-right:8px; color:#443b37; font-size:14px}
.first-screen-list1 .tit{ display:inline-block; padding-left:8px; background:url(http://ue2.17173.itc.cn/images/hj/index/2013/icon.jpg) left center no-repeat}
.first-screen-list1 .tit a{ font-size:14px}
.first-screen-list1 .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; line-height:0; border-top:1px dotted  #2f2611}

.mod-link{ *zoom:1}
.mod-link .con{ width:100%}
.mod-link .c1{ width:85px; padding-right:2px; padding:10px 10px 10px 0}
.mod-link .c2{ padding:10px 0 10px; border-bottom:1px #4d4538 dotted}
.mod-link .tit{ display:inline-block; overflow:hidden; width:85px; height:30px; font-size:14px; color:#dac8ad; font-weight:bold; line-height:30px; text-align:center}
.mod-link .tit1{ background: url(http://ue3.17173.itc.cn/images/hj/index/2013/bg6.png) right -36px no-repeat}
.mod-link .tit2{ background: url(http://ue3.17173.itc.cn/images/hj/index/2013/bg6.png) right -67px no-repeat}
.mod-link .link{ display:inline-block; padding:0 6px; color:#a6937c; line-height:22px; white-space:nowrap}
.mod-link .link:hover{ color:#ba5f1d}

.first-screen{ overflow:hidden; *zoom:1; padding:9px; background:url(http://ue1.17173.itc.cn/images/hj/index/2013/bg2.jpg) #110f0e top center no-repeat}
.first-screen-c1{ float:left; width:370px}
.first-screen-c2{ float:right; width:570px}

.first-screen-c1 .focus-news{ padding-top:25px; text-align:center}
.first-screen-c1 .top-news{ overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; font-size:14px}
.first-screen-c1 .rel-links{ padding-bottom:10px} 
.first-screen-c1 .c-link1{ color:#df7708}
.first-screen-c1 .c-link2{ margin:0 2px; color:#635c54}
.first-screen-c1 .c-link2:hover{ color:#ba5f1d}

.first-screen-c1-c2 .hd{ height:34px; line-height:34px; border-bottom:1px solid #3a342d; background:#1e1b16}
.first-screen-c1-c2 .bd{ padding:10px 10px 0 10px}
.first-screen-c1-c2 .gb-tab{ float:left}
.first-screen-c1-c2 .gb-tab-item{ float:left; height:34px}
.first-screen-c1-c2 .gb-tab-c{ display:inline-block; overflow:hidden; height:34px; padding:0 25px; font-size:14px; color:#c5b59b}
.first-screen-c1-c2 .gb-tab-c:hover{ text-decoration:none}
.first-screen-c1-c2 .current{ color:#df7708; background:#3a342d}
.first-screen-c1-c2 .more .link{ margin-right:10px}

.first-screen-c2-c1{ padding-top:12px}
.focus-w,.focus-in{ overflow:hidden; width:570px; height:196px}
.focus-in{ position:relative}
.focus-item{ position:absolute; top:0; left:0}
.focus-item img{ width:570px; height:196px}
.focus-item .txt{ overflow:hidden; position:absolute; z-index:3; left:0; bottom:0; width:415px; height:50px; padding:5px 135px 5px 20px}
.focus-item .txt a{ color:#fff}
.focus-item .txt1{ display:block; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:22px}
.focus-item .txt2{ display:block; color:#c0bcbc}
.focus-item .txt1, .focus-item .txt2{ overflow:hidden; height:1.5em; white-space:nowrap; text-overflow:ellipsis}
.focus-item .bg{ display:block; position:absolute; z-index:-1; top:0; left:0; width:1000px; height:1000px; background:#000; filter:alpha(opacity:55); opacity:.55}
.focus-num{ overflow:hidden; position:absolute; z-index:4; bottom:8px; right:5px; height:40px}
.focus-num a{ display:inline-block; float:left; width:50px; height:46px; margin-left:2px; font:normal 30px/40px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#7e6b5a; background-color:#231f1a}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{ color:#362e2b; background-color:#cfba6d}

.first-screen-c2-c2{ padding:0 8px; margin:10px 0; background:#1e1b16}
.first-screen-c2-c2 .last .c2{ border:0}

.first-screen-c2-c3{ background:#1e1b16}
.first-screen-c2-c3 .hd{ padding:0 10px; line-height:32px}
.first-screen-c2-c3 .hd .tit{ color:#ba5f1d}
.first-screen-c2-c3 .hd .link{ color:#ba5f1d}
.first-screen-c2-c3 .bd{ padding:0 10px}
.first-screen-c2-c3 .gb-list2{ margin-right:-14px; overflow:hidden; *zoom:1}
.first-screen-c2-c3 .gb-list2-item{ width:174px; margin-right:14px; float:left}
.first-screen-c2-c3 .gb-list2-con{ width:174px; color:#a6937c}
.first-screen-c2-c3 .gb-list2-con:hover{ color:#ba5f1d}
.first-screen-c2-c3 .gb-list2-c2{ padding:0 5px}
.first-screen-c2-c3 .avatar{ width:174px; height:45px}
.first-screen-c2-c3 .txt{ line-height:30px; white-space:nowrap}

.pn-videos{ margin-top:10px }
.pn-videos .pn-hd{ height:40px; padding:0 25px 0 50px; line-height:40px; background:url(http://ue2.17173.itc.cn/images/hj/index/2013/bg3.jpg) 0 0 no-repeat}
.pn-videos .pn-hd .tit{ font-size:16px; font-weight:bold; color:#efe4c8}
.pn-videos .pn-hd .sep{ margin:0 6px 0 4px; color:#efe4c8}
.pn-videos .pn-hd .link{ color:#efe4c8}
.pn-videos .pn-wrap-in{ overflow:hidden; *zoom:1; padding:0 8px 0 20px; background:url(http://ue3.17173.itc.cn/images/hj/index/2013/bg7.jpg) #110f0e left top no-repeat}

.pn-videos .c1{ float:left; width:260px; margin:15px 0}
.pn-videos .c1 .gb-list2{ width:260px}
.pn-videos .c1 .gb-list2-item{ display:block}
.pn-videos .c1 .gb-list2-con{ position:relative; width:260px; color:#fff}
.pn-videos .c1 .gb-list2-c1{ position:relative; padding:4px; border:1px solid #363128; background:#1e1b16}
.pn-videos .c1 .gb-list2-c2{ position:absolute; z-index:2; bottom:5px; left:5px; width:230px; padding:5px 10px; text-align:left}
.pn-videos .c1 .avatar{ width:250px; height:330px}
.pn-videos .c1 .txt{ height:70px; line-height:22px}
.pn-videos .c1 .gb-list2-con:hover .txt{ text-decoration:none}
.pn-videos .c1 .gb-list2-con:hover .tit{ text-decoration:underline}
.pn-videos .c1 .tit{ font-size:16px; font-weight:bold; line-height:26px}
.pn-videos .c1 .cover{ display:block; width:100px; height:200px; top:0; left:50%; margin-left:-50px; background:url(http://ue1.17173.itc.cn/images/hj/index/2013/cover2.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://ue1.17173.itc.cn/images/hj/index/2013/cover2.png')}
.pn-videos .c1 .mask{ display:block; background:#272520}

.pn-videos .c2{ float:right; width:640px; margin:6px 0}
.pn-videos .c2 .gb-list2-item{ width:24.99%; padding:10px 0}
.pn-videos .c2 .gb-list2-con{ width:130px; padding:2px; color:#82786d; border:1px solid #2e2b26; background:#1e1b16}
.pn-videos .c2 .gb-list2-con:hover{ color:#a6937c; background:#3a342d}
.pn-videos .c2 .gb-list2-c1{ position:relative}
.pn-videos .c2 .cover{ display:block; left:0; top:0; width:130px; height:95px; background:url(http://ue3.17173.itc.cn/images/hj/index/2013/cover1.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://ue3.17173.itc.cn/images/hj/index/2013/cover1.png')}
.pn-videos .c2 .gb-list2-con:hover .cover{ display:none; _filter:none}
.pn-videos .c2 .avatar{ width:130px; height:95px}
.pn-videos .c2 .gb-list2-c2{ padding:9px}
.pn-videos .c2 .txt{ height:40px; text-align:left; line-height:20px}

.pn-experience{ padding:10px; background:#110f0e; border:1px #000 solid; margin-top:10px}
.pn-experience .pn-in{ overflow:hidden; *zoom:1}
.pn-experience .c1{ float:left; width:308px; margin-right:12px}
.pn-experience .c2{ float:left; width:308px}
.pn-experience .c3{ float:right; width:308px}

.mod-experience{ background:#1e1b16}
.mod-experience .hd{ height:35px; padding:0 15px 0 35px; line-height:33px;  background: url(http://ue3.17173.itc.cn/images/hj/index/2013/bg6.png) 0 -36px no-repeat}
.mod-experience .hd .tit{ color:#d1c0a5; font-weight:bold}
.mod-experience .more .link{ color:#d1c0a5}
.mod-experience .more .link:hover{ color:#ba5f1d}
.mod-experience .bd{ padding:5px 10px}
.mod-experience .tlist li{ height:24px; line-height:24px}
.mod-experience .tlist .date{ color:#524743}
.mod-experience .tlist .tit{ display:inline-block; padding-left:10px; color:#333; background:url(http://ue2.17173.itc.cn/images/hj/index/2013/icon.jpg) left center no-repeat}
.mod-experience .tlist .tit a{ color:#a6937c}
.mod-experience .tlist .tit a:hover{ color:#ba5f1d}

.pn-picture{ margin-top:10px}
.pn-picture .hd{ background:url(http://ue3.17173.itc.cn/images/hj/index/2013/bg4.jpg) top center no-repeat; height:58px; padding: 26px 38px 0 156px}
.pn-picture .bd{ background:url(http://ue1.17173.itc.cn/images/hj/index/2013/bg8.jpg) bottom center no-repeat; padding-bottom:11px}
.pn-picture .pn-wrap{ border-color:#53421e; border-bottom:none}
.pn-picture .pn-wrap-in{ border-bottom:none}
.pn-picture .more{ line-height:40px; color:#d1c0a5}
.pn-picture .more .link{ color:#d1c0a5}
.pn-picture .more .link:hover{ color:#ba5f1d}
.pn-picture .more .sep{ margin:0 5px}

.pn-picture .gb-tab{ overflow:hidden; *zoom:1}
.pn-picture .gb-tab-item{ float:left}
.pn-picture .gb-tab-c{ color:#d1c0a5; line-height:40px; width:90px; text-align:center; display:block; position:relative; *zoom:1}
.pn-picture .gb-tab-c:hover{ text-decoration:none; color:#d1c0a5}
.pn-picture .gb-tab-b1{ display:block; left:0; top:0}
.pn-picture .gb-tab-item1 .gb-tab-b1{ display:none}
.pn-picture .current{ background: url(http://ue1.17173.itc.cn/images/hj/index/2013/bg5.jpg) left top no-repeat; z-index:5}
.pn-picture .current .gb-tab-b1{ display:none}
.pn-picture .current .gb-tab-b2{ background:url(http://ue1.17173.itc.cn/images/hj/index/2013/bg5.jpg) right top no-repeat; display:block; right:-6px; top:0; width:6px; height:40px; z-index:10}

.pic-list{ padding:0 0 20px 10px}
.pic-list .gb-list2-item{ width:20%; padding-top:13px}
.pic-list .gb-list2-con{ width:172px; color:#272520}
.pic-list .gb-list2-c1{ padding:5px; border:1px solid #2e2b26; background:#1e1b16}
.pic-list .gb-list2-con:hover .gb-list2-c1{ border-color:#3a342d; background:#3a342d}
.pic-list .avatar{ width:160px; height:120px}
.pic-list .gb-list2-c2{ padding:7px 10px 0}
.pic-list .txt{ height:20px; text-align:center; line-height:20px; font-size:14px; color:#a6937c; white-space:nowrap}
.pic-list .gb-list2-con:hover .txt{ color:#ba5f1d}

.pn-info{ margin-top:10px; border-top:1px solid #302921}
.pn-info .pn-wrap-in{ padding:10px; border-top:1px; overflow:hidden; *zoom:1}
.mod-cyclopedia{ border:1px #000 solid; width:636px; height:250px; overflow:hidden; float:left} 
.game-wiki{ width:636px; height:250px}

.mod-team{ float:right; overflow:hidden; width:300px}
.mod-team-in .hd{ height:35px; padding-left:35px; margin-bottom:10px; line-height:35px; color:#d1c0a5; background: url(http://ue3.17173.itc.cn/images/hj/index/2013/bg6.png) 0 -72px no-repeat}
.mod-team-in .bd{ padding:0 5px}
.team-intro .c2{ margin-left:20px}
.team-intro .item{ line-height:24px; color:#a6937c}
.team-intro .sep,.team-intro .arrow{ margin:0 4px}
.team-intro a{ color:#a6937c}
.team-intro a:hover{ color:#ba5f1d}

.global-footer{ color:#7f7a75}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#7f7a75}