/* shen zhi hao jie zhuan qu */
/* 2013.11.14 */
/* by Ryuuna */

body { background:#000000;}
.wrap-top { background:url(http://ue1.17173.itc.cn/images/smite/index/2013/top-bg.jpg) no-repeat center top;}
.header .header-in { width:960px; margin:auto; height:345px; position:relative;}

.nav0 { overflow:hidden; *zoom:1; padding:0 30px; position:absolute; left:0; bottom:0; width:960px;}
.nav0 li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0 -4px; margin:0 -2px\0; *margin:0; margin:0 1px; width:15%; height:66px;}
.nav0 li a { display:block; width:100%; height:100%; text-align:center; line-height:66px; font-size:18px; font-family:"Microsoft Yahei",Arial; color:#ccc; background:url(http://ue2.17173.itc.cn/images/smite/index/2013/bg-nav.jpg) no-repeat left top;}
.nav0 li a:hover { color:#d2991f;} 
.nav0 .li0 a { background:none;}

.header .logo-game { display:block; width:260px; height:180px; position:absolute; left:629px; top:15px;}
.header .box-tit { color:#071e2d; font-family:"Microsoft Yahei",Arial; width:260px; height:60px; position:absolute; left:629px; top:195px; text-align:center;}
.header .box-tit .tit { font-size:22px; line-height:24px; }
.header .box-tit .sub-tit { font-size:16px; font-weight:bold; line-height:22px; opacity:0.6; filter:alpha(opacity=60);}

/*content*/
.content { margin-bottom:10px;}
.content-in { width:960px; margin:auto; overflow:hidden;}
.content .main { width:620px; float:left; padding:10px;}
.content .side-right1 { width:280px; float:left; padding:0 0 0 0; margin-left:10px;}

.list-1 .content { }
.list-1 .content-in { background:#24272c; padding:10px 5px; width:950px; _padding:10px 0 10px 5px; _width:950px;}
.article-1 .content-in { background:#24272c; padding:10px 5px; width:950px; _padding:10px 0 10px 10px; _width:960px;}
.article-2 .content-in { background:#24272c; padding:10px 5px; width:950px; _padding:10px 0 10px 10px; _width:960px;}

.list-1 .content .main { width:637px; position:relative; background:#fff; border:1px solid #c2c4cd;}

.article-1 .content .main { width:637px; background:#fff; border:1px solid #c2c4cd; position:relative; padding-top:40px;}

.article-2 .content .main { width:930px; background:#fff; position:relative; padding-top:40px;}

.article-1 .content .main .mod-article .content { background:none; padding:10px 0; width:95%;}
.article-2 .content .main .mod-article .content { background:none; padding:10px 0; width:95%;}

/*box-in*/
.box-in { width:940px; margin:auto; background:#070707;}

.first-screen {}
.first-screen .box-in { overflow:hidden; padding:10px; background:#070707;}

.first-screen .left { width:422px; float:left; background:#1b2433; margin:0; padding:}
.first-screen .right { width:513px; float:left; margin-left:5px;}

/*con-c*/
.con-c { }
.con-c .hd { height:69px; background:url(http://ue1.17173.itc.cn/images/smite/index/2013/bg-tit.jpg) no-repeat center top;}
.con-c .hd h2 { font-size:20px; font-weight:bold; line-height:69px; font-family:"Microsoft Yahei",Arial; color:#fff; line-height:68px; padding:0 0 0 50px;}
.con-c .bd { background:; padding:0 10px 10px;}
.con-c .hd .hd-in { width:960px; margin:auto;}
.con-c .bd .bd-in { width:960px; margin:auto; background:#070707;}

.con-c1 .bd .bd-in { overflow:hidden;}
.con-c1 .left { width:240px; float:left; padding:15px 0 0 10px;}
.con-c1 .right { width:690px; float:left; padding:15px 0 0 10px;}

.con-c2 .bd .bd-in { background:none; overflow:hidden;}
.con-c3 .bd .bd-in { background:none; overflow:hidden;}

.box-con { width:330px; float:left;}
.box-con .box-hd { height:34px; background:url(http://ue1.17173.itc.cn/images/smite/index/2013/bg-x-0.jpg) repeat-x 0 0; }
.box-con .box-hd h3 { font-size:14px; font-weight:bold; color:#fff; line-height:34px; padding-left:15px;}
.box-con .box-bd { background:#191a1c; overflow:hidden;}

.box-con0 .box-bd .pic,
.box-con1 .box-bd .pic { display:block; width:316px; height:100px; padding:10px 0; margin:auto;}

.box-con0 { width:330px;}
.box-con1 { width:330px; margin-left:9px;}
.box-con2 { width:280px; margin-left:9px;}
.box-con3 { width:709px; margin:0;}
.box-con4 { width:251px; margin:0;}
.box-con3 .box-bd { background:#101112; padding:10px 36px;}
.box-con3 iframe { width:636px; height:250px; margin:auto;}

/*side-right1 box-con*/
.side-right1 .box-con { position:relative; width:280px; margin-bottom:10px;}
.side-right1 .box-con .box-bd { padding:15px 0;}
.side-right1 .box-con .box-bd .more { color:#fff; font-size:12px; position:absolute; right:10px; top:8px;}
.side-right1 .box-con .box-bd .more a { color:#fff;}
.side-right1 .box-con .box-bd .more a:hover { text-decoration:underline;}

/*page*/
.pagination { text-align:center; padding:15px 0; text-align:center; font-family:"Microsoft Yahei",Arial;}
.pagination-in { display:inline-block; *zoom:1; *display:inline;}
.pagination ul { padding:5px 0; overflow:hidden; *zoom:1;}
.pagination li { display:inline-block; *zoom:1; *display:inline; background:#72809c; color:#f5f6f8; height:30px; line-height:30px; margin:0 1px; border:1px solid #72809c;}
.pagination li.page { font-size:12px; vertical-align:bottom;}
.pagination li.page a { display:block; padding:0 8px; color:#f5f6f8;}

.pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last { color:#f5f6f8; font-size:12px;}
.pagination li.first a, .pagination li.prev a, .pagination li.next a, .pagination li.last a { color:#f5f6f8; padding:0 8px;}


.pagination li.selected, .pagination li:hover, .pagination li.on { background-color:#f60; border-color:#f60;}
.pagination li.selected a, .pagination li:hover a, .pagination li.on a { font-weight:bold;}

/*box-about*/
.box-about { margin:0; font-size:12px;}
.box-about .box-bd { background:#202020; padding:20px 10px; height:230px;}
.box-about p { color:#5f3c00; line-height:24px;}
.box-about p .tit { color:#aa5b38;}
.box-about p .con { color:#ccc;}
.box-about p .btn-apply { display:inline-block; *zoom:1; *display:inline; vertical-align:top; background:#ab3e38; color:#fff; line-height:24px; padding:0 10px; margin-top:10px;}
.box-about p .btn-apply:hover { text-decoration:underline;}
.box-about .line { display:block; border-top:1px dashed #aa5b38; line-height:12px; margin:10px 0;}

/*box-headline*/
.box-headline { padding:10px 0;}
.box-headline .headline-top { display:block; font-size:16px; line-height:32px; font-weight:bold; font-family:"Microsoft Yahei",Arial; text-align:center; color:#ff6f3d;}
.box-headline .headline-top a { display:block; color:#ff6f3d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box-headline .headline-top a:hover { text-decoration:underline;}
.box-headline .link-top { display:block; text-align:center; color:#798d98; font-size:12px;}
.box-headline .link-top span { display:inline-block; *zoom:1; *display:inline; vertical-align:top; padding:0 5px;}
.box-headline .link-top a { color:#798d98; font-family:"Microsoft Yahei",Arial; padding:0;}
.box-headline .link-top a:hover { text-decoration:underline;}

/*box-coop*/
.box-coop { font-size:12px; color:#999;}
.box-coop .box-in { padding:15px 20px; width:930px; margin:auto; background:#191a1c;}
.box-coop .tit { font-weight:bold;}
.box-coop a { color:#999; margin:0 10px;}
.box-coop a:hover { text-decoration:underline;}

/*box-news*/
.box-news { padding:10px 0; border-top:1px solid #1f2a3c;}

/*list-con0*/
.list-con0 { overflow:hidden; *zoom:1; padding:0 10px;}
.list-con0 li { width:100%; line-height:26px; float:left; *zoom:1;}
.list-con0 .time { display:block; width:55px; height:26px; float:right; font-size:14px; color:#94a8b3; padding-right:5px; text-align:right;}
.list-con0 .tit { display:block; margin:0 60px 0 0; font-size:14px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:342px; _width:332px; color:#94a8b3;}
.list-con0 .tit a { color:#94a8b3; *display:block;}
.list-con0 .tit a:hover { text-decoration:underline;}

.list-con0 li.itemxn { padding-bottom:6px;}
.list-con0 li.itemxn1 { padding-top:6px;}

.con-c2 .box-bd .list-con0 li { border-top:1px dotted #4a4a4a; padding:6px 0;}
.con-c2 .box-bd .list-con0 li.first { border-top:0;}
.con-c2 .box-bd .list-con0 .time { color:#999;}
.con-c2 .box-bd .list-con0 .tit { color:#999; width:250px; _width:240px;}
.con-c2 .box-bd .list-con0 .tit a { color:#999;}

.list-1 .main .list-con0 { padding:10px;}
.list-1 .main .list-con0 .tit { color:#7d7c8e; width:460px; _width:450px; }
.list-1 .main .list-con0 .tit a { color:#7d7c8e;}
.list-1 .main .list-con0 .tit a:hover { color:#b04708; text-decoration:none;}
.list-ex-author .time { display:block; color:#7d7c8e; float:left; width:50px; height:26px; font-size:14px; line-height:26px;}
.list-ex-author .author { color:#78787a; float:right; display:block; width:100px; height:26px; line-height:26px; text-align:right; font-size:14px;}

.list-1 .main .list-con0 li.itemxn { padding-bottom:6px;}
.list-1 .main .list-con0 li.itemxn1 { padding-top:6px; border-top:1px dashed #c7c7c7;}

.side-right1 .list-con0 .tit { width:200px; _width:190px; color:#ccc; font-size:12px;}
.side-right1 .list-con0 .tit a { color:#ccc;}
.side-right1 .list-con0 .tit a:hover { color:#ccc; text-decoration:underline;}
.side-right1 .list-con0 .time { color:#78787a;}

/*list-tag*/
.box-tag { background:#000 url(http://ue1.17173.itc.cn/images/smite/index/2013/bg-tag.jpg) repeat-y 0 0; margin-bottom:10px;}
.box-list-tag { overflow:hidden; *zoom:1; font-size:12px; padding:0 5px 0 10px;}
.box-list-tag .tit-list-tag { display:block; float:left; width:70px; height:32px; line-height:32px; color:#a0f2fe; font-weight:bold;}
.box-list-tag .list-tag { display:block; margin:0 0 0 70px; color:#7a9db0; line-height:32px;}
.box-list-tag .list-tag a { white-space:nowrap; color:#7a9db0; border-right:1px solid #7a9db0; padding:0 10px 0 5px;}
.box-list-tag .list-tag a:hover { text-decoration:underline;}

.box-tag .box0,
.box-tag .box2 { background:#1b2433;}
.box-tag .box0 .list-tag,
.box-tag .box2 .list-tag { color:#8b99b3;}
.box-tag .box0 .list-tag a,
.box-tag .box2 .list-tag a { color:#8b99b3; border-right-color:1px solid #8b99b3;}

/*list-con1*/
.list-con1 { overflow:hidden; *zoom:1;}
.list-con1 li { width:33.3%; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-right:-6px; margin-right:-3px\0; *margin-right:0;}
.list-con1 .li-in { display:block; width:163px; margin:auto;}
.list-con1 .pic { display:block; width:163px; height:92px; margin:auto;}
.list-con1 .pic a { display:block;}
.list-con1 .pic img { width:163px; height:92px;}

.list-con1 .txt { display:block; width:100%; /* or width:100%*/ height:26px; margin:auto; line-height:26px; font-size:12px; padding:5px 0; text-align:center; color: #b7b7b7;}
.list-con1 .txt a { display:block; color:#b7b7b7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*_width:100px;*/}
.list-con1 .txt a:hover { text-decoration:underline;}



.con-c0 .list-con1 { overflow:hidden; *zoom:1; position:relative; height:460px; overflow-y:auto;}
.con-c0 .list-con1 li { width:9.8%; }
.con-c0 .list-con1 .li-in { width:80px;}
.con-c0 .list-con1 .pic { width:80px; height:80px;}
.con-c0 .list-con1 .pic img { width:80px; height:80px;}

.con-c0 .list-con1 .txt { height:26px;}
.con-c0 .list-con1 .txt a { height:26px; white-space:normal;}

.con-c1 .list-con1 li { width:24.7%;}
.con-c1 .list-con1 .li-in { width:160px;}
.con-c1 .list-con1 .pic { width:160px; height:120px;}
.con-c1 .list-con1 .pic img { width:160px; height:120px;}
.con-c1 .list-con1 .txt { height:52px; text-align:left; color:#999;}
.con-c1 .list-con1 .txt a { white-space:normal; color:#999;}

.con-c2 .list-con1 { padding:20px 0 10px;}
.con-c2 .list-con1 li { width:49%; margin-bottom:12px;}
.con-c2 .list-con1 .li-in { width:120px;}
.con-c2 .list-con1 .pic { width:124px; height:94px;}
.con-c2 .list-con1 .pic a { width:120px; height:90px; padding:2px; background:#3b3c3e;}
.con-c2 .list-con1 .pic img { width:120px; height:90px;}
.con-c2 .list-con1 .txt { color:#ccc; font-size:14px; padding:5px 0;}
.con-c2 .list-con1 .txt a { color:#ccc; white-space:normal; height:26px;}

.side-right1 .box-con .list-con1 li { width:49.5%;}
.side-right1 .box-con .list-con1 .li-in { width:132px;}
.side-right1 .box-con .list-con1 .pic { width:132px; height:92px;}
.side-right1 .box-con .list-con1 .pic a { display:block; width:126px; height:86px; padding:2px; background:#fff; border:1px solid #464f77;}
.side-right1 .box-con .list-con1 .pic img{ width:126px; height:86px; vertical-align:top;}
.side-right1 .box-con .list-con1 .txt { width:126px; color:#d2d2d2; height:52px; text-align:left;}
.side-right1 .box-con .list-con1 .txt a { _width:120px; color:#d2d2d2; line-height:20px; padding:3px; white-space:normal;}

/*list-con5*/
.list-con5 { overflow:hidden; *zoom:1;}
.list-con5 li { width:100%; float:left; margin:0 0 10px; *zoom:1;}
.list-con5 .pic { display:block; width:240px; margin:auto;}
.list-con5 .pic a { display:block; width:240px; height:180px;}
.list-con5 .pic a:hover { text-decoration:underline;}
.list-con5 .pic img { width:100%; height:100%;}
.list-con5 .txt { display:block; width:240px; margin:auto;}
.list-con5 .txt .tit { display:block; font-size:14px; font-weight:bold; font-family:"Microsoft Yahei",Arial; color:#ccc; text-align:center; line-height:24px; padding:5px 0;}
.list-con5 .txt .tit a { color:#ccc;}
.list-con5 .txt .tit a:hover { text-decoration:underline;}
.list-con5 .txt .summary { display:block; font-size:12px; color:#666; text-indent:2em; line-height:26px; height:104px; overflow:hidden;}

/*breadcrumbs*/
.breadcrumbs { color:#bcbdce; font-size:14px; background:/*#1f1f1f;*/ padding:10px; /*width:950px;*/ margin:auto; /*position:absolute; left:0; top:0;*/ padding:10px;}
.breadcrumbs a { color:#bcbdce; text-decoration:underline;}
.breadcrumbs a:hover { color:#b42200;}
.breadcrumbs .arrow { margin:0 5px;}
.breadcrumbs .curr { color:#b42200;}

/*box-tab0*/
.box-tab0 {
	height:230px;
	overflow:hidden;
	position:relative;
	width:513px;
	margin-bottom:10px;
}
.box-tab0 .gb-tab-pn {
	overflow:hidden;
	width:513px;
	height:230px;
	position:relative;
	background:#999;
	z-index:1;
}
.box-tab0 .gb-tab-pn .tab-con {
	position:absolute;
	left:0;
	top:0;
}
.box-tab0 .gb-tab-pn .tab-con span {
	display:block;
}
.box-tab0 .gb-tab-pn .tab-con img {
	width:513px;
	height:230px;
}
.box-tab0 .gb-tab {
	overflow:hidden;
	position:absolute;
	z-index:5;
	top:192px;
	width:493px;
	height:29px;
	text-align:right;
	padding-top:9px;
	padding-right:20px;
}
.box-tab0 .gb-tab a {
	display:inline-block; *zoom:1; *display:inline; vertical-align:top;
	width:13px;
	height:20px;
	margin-top:6px;
	color:#66ffff;
	background:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	margin:0 2px;
z-index:3;
text-indent:-9999px;
}
.box-tab0 .gb-tab a:hover, .box-tab0 .gb-tab a.on {
	background:#6081b7;
	color:#000;
}
.box-tab0 b { display:block; width:100%; height:38px; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:2; position:absolute; left:0; top:192px;}

.box-tab0 .btn { display:block; width:30px; height:30px; background:#ff8c8c; color:#000; font-size:14px; font-family:"Microsoft Yahei",Arial; position:absolute; top:50px; display:none;}
.box-tab0 .btn-prev { left:10px;}
.box-tab0 .btn-next { right:10px;}

/*box-tab1*/
.box-tab1 {
	overflow:hidden;
	position:relative;
	width:100%;
}
.box-tab1 .gb-tab-pn {
	overflow:hidden;
	width:100%;
	height:490px;
	position:relative;
}
.box-tab1 .gb-tab-pn .tab-con {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:460px;
	padding:15px 0;
	color:#b7b7b7;
}

.box-tab1 .gb-tab {
	overflow:hidden;
	z-index:2;
	height:32px;
	background:#1e1e1e;
	padding:10px 20px;
}
.box-tab1 .gb-tab a {
display:inline-block; *zoom:1; *display:inline; vertical-align:top;
	height:24px;
	margin-top:6px;
	color:#999;
	font-family:"Microsoft Yahei",Arial;
	text-align:center;
	line-height:24px;
	font-size:14px;
	border-radius:11px;
	padding:0 20px;
}
.box-tab1 .gb-tab a:hover, .box-tab1 .gb-tab a.on {
	background:#c34829;
	color:#fff;
}

.box-tab1 .btn { display:block; width:30px; height:30px; background:#ff8c8c; color:#000; font-size:14px; font-family:"Microsoft Yahei",Arial; position:absolute; top:50px; display:none;}
.box-tab1 .btn-prev { left:10px;}
.box-tab1 .btn-next { right:10px;}

/*update in 20151208 by kiki*/
/*the header*/
.header{ width: 960px; height: 385px; margin:0 auto; position:relative; z-index:100}
.header .logo{ position:absolute; left: 411px; top: 33px;}
.header .logo{display:block; width:218px; line-height:1.3;color: #071e2d; text-align:center;font-family:"Microsoft YaHei";}
.header .logo span{display:block;}
.header .logo .cn{font-size:22px; font-weight:normal;}
.header .logo .en{font-size:16px; line-height: 30px; font-weight: bold;}
.header .logo .avatar{}
.header .h1logo a{color: #071e2d;}
.header .h1logo a:hover, .header .logo:hover{ text-decoration:none;}
.nav-wrap{ position:absolute; left:0; bottom:0; width:960px;}
.main-nav{*zoom:1; background-color: #7c5735; height:40px; overflow:hidden;}
.main-nav-list{margin: 0; padding: 0}
.main-nav-item{ float:left; height: 40px; position: relative;}
.main-nav-con{ float:left; width: 122px; height:40px; text-align:center; margin-top: 0; line-height:37px; _line-height:40px; border-left: 1px solid #624123; font-size:18px; color: #fff; font-family:"Microsoft YaHei"; background-color: #7c5735; }
.main-nav-con:hover, .main-nav-item1 .main-nav-con:hover{ background-color:#7c5735;text-decoration: none;color:#fff;}
.main-nav-item1 .main-nav-con, .main-nav-item1 .main-nav-con:hover{ margin-top:0; padding-top: 0; background-color: #7c5735; border-left:0; color:#fff; text-decoration: none;}

.sub-nav{ width:1000px; height:40px; line-height:40px; background-color:#110c0c;}
.sub-nav-con{ font-size:0; padding-left:30px;}
.sub-nav-con a, .sub-nav-con .sep, .sub-nav-con .tit{ font-size:12px; color:#9e9e9e;}
.sub-nav-con .tit{ font-weight:bold}
.sub-nav-con .tit1{ margin-left:30px;}
.sub-nav-con .sep{ margin:0 9px; color:#b6763c;}
.sub-nav-con a:hover{ text-decoration:underline}

.fast-track{ overflow:hidden; *zoom:1;}
.fast-track .item{ float:left; padding:0 0 1px 30px; font-size:0; line-height:25px; white-space:nowrap}
.fast-track .aline{ float:none; overflow:hidden; *zoom:1; clear:both;}
.fast-track .tit{ float:left; font-size:12px; font-weight:bold; color: #b6763c;}
.fast-track .con{ float:left; font-size:12px; white-space:nowrap}
.fast-track a{ color:#9e9e9e;}
.fast-track a:hover{ text-decoration:underline;}
.fast-track .sep{ margin: 0 5px 0 5px; color: #9e9e9e;}

.nav-wrap .fast-track{ height:72px; padding: 12px 200px 0 0; width: 758px; overflow:hidden; position:relative; }
.nav-wrap .fast-track-wp{border:1px solid #110c0c; border-bottom:0}
.nav-wrap .fast-track .item{ line-height:30px; padding-bottom:0}
.nav-wrap .fast-track .mask{ display:block; z-index:-1; position:absolute; top:0; left:0; width:1000px; height:85px; background: #110c0c; filter: alpha(opacity:90); opacity: 0.9;}
:root .nav-wrap .fast-track .mask{ filter:none \0}

.channel-box{ width: 220px; height:125px; overflow:hidden; position:absolute; right:0; bottom:0; background-color: #97581f; border-left:1px solid #97581f; box-shadow:-1px 0 2px #97581f}
.channel-c1{ overflow:hidden; *zoom:1;font-family: "Microsoft Yahei"}
.channel-c1 .item{ float:left; height:39px; text-align:center; line-height:39px; color: #ffffff; font-size:18px; border-bottom: 1px solid #b06f34; background-color: #97581f;}
.channel-c1 .item:hover{ background-color: #b6763c; color: #ffffff; text-decoration:none}
.channel-c1 .item1{ width: 110px; border-right: 1px solid #b06f34;}
.channel-c1 .item2{ width: 109px;}
.channel-c2{ line-height:40px; font-size:0; padding-left: 12px;}
.channel-c2 a{font-size:12px; color: #f7bb84;}
.channel-c2 a:hover{ text-decoration:underline}
.channel-c2 .sep{ font-size:12px; color: #f7bb84; margin:0 5px;}
.channel-c3{ padding:0 0 0 13px;}

.search-article1{ width:183px; height:25px; background-color: #794619; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left: 5px; overflow: hidden; margin: 0; padding: 0;}
.search-article1 .txt{ display:inline-block; vertical-align:middle; width:140px; height: 25px; padding-left: 5px; line-height:25px;  font-size:12px; border:none; background: #794619;}
.search-article1 .btn{width:16px; height:25px; display:inline-block; vertical-align:middle; border:none; font-size:12px; color:#c8c8c8; overflow:hidden; background:#794619 url(http://ue1.17173.itc.cn/images/smite/index/2013/search-ico.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer;}
.search-article1 .btn:hover{}
.search-article1 input[type="text"]{ color: #c8c8c8;}
.search-article1 input[type="text"]:hover, .search-article1 input[type="text"]:focus{ color: #c8c8c8;}
.search-article1 #form1 .txt{ _color: #c8c8c8;}