/*频道样式
作者：ocean
*/
@charset "gb18030";
body {
background: #dddddd;
}

#header,.footer-wrap {
width: 100%;
background: #dddddd;
}
.logo {float: left;height: 80px;background: url(logo.png) 0 0 no-repeat;width: 350px;}
#main {background: #ffffff;padding: 0;margin: 10px 0;border-top: #5E3C20 0px solid;border-bottom: white 1px solid;box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);}

.footer-wrap {border-top: 0px solid #D2E1F6;}

/*新频道样式开始-ocean-20121125*/

/*频道整体框架*/
.portal-box{width:980px; background:#FFF url(portal_bg.png) right 0 repeat-y; border-bottom: 1px #DDD solid;}
.portal-box-top{width:980px; height:31px; margin:0;background: #B0CDEE;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}
.portal-box-right{ padding-top:15px; float:right;  width:220px; min-height:600px; }
.portal-box-left{ padding:15px 0 15px 15px; float:left; width:745px; }

/*频道头部样式*/

.portal-logo{float: left;width:160px;height: 31px;background: #556677;}
.portal-logo a{line-height: 31px;margin: 0px 20px 0px 20px;overflow: hidden;font-size: 16px;color: #ffffff;}
.portal-logo a:hover{background:#556677;}

.portal-box-nav{float:left; width:600px; height:31px; background:#B0CDEE;overflow: hidden;}
.portal-box-nav li{position: relative;float: left;padding: 0;margin: 0 0 0 2px;overflow: hidden;text-algin: center;}
.portal-box-nav a{position: relative;display: inline-block;height: 31px;padding: 0 10px;line-height: 31px;overflow: hidden;font-size: 16px;color: #002D64;}
.portal-box-nav a:hover{background:#ffffff;}

.portal_addtocite{float:right; padding: 3px;}

/*频道右侧样式*/
.portal-box-post{ width:200px; height:82px; margin-left:10px; background:#ffffff url(post.png) 0 0 no-repeat;}
.portal-box-post-release a{ float:left; width:85px; height:82px;text-indent: -9999px;}
.portal-box-post-discovery a{ float:right; width:110px;height:82px;text-indent: -9999px;}
.portal-box-post-release a:hover{background: white url(post.png) 0 -82px no-repeat;}
.portal-box-post-discovery a:hover{background: white url(post.png) right -82px no-repeat;}
.mod-sidebar-box {margin-bottom: 15px;border: 1px solid #E1E3E6;padding: 10px 10px 15px;width: 178px;background: #FEFEFE;box-shadow: #E1E3E6 0 1px 2px;
-moz-box-shadow: #e1e3e6 0 1px 2px;-webkit-box-shadow: #E1E3E6 0 1px 2px;margin:10px auto;}
.mod-sidebar-box-header {height: 28px;border-bottom: 1px solid #F0F0F0;}
.mod-sidebar-box-header .more {float: right;margin-top: 6px;font-size: 12px;line-height: 18px;color: #999;}
.mod-sidebar-box-header .title {display: inline-block;position: relative;margin-bottom: -1px;border-bottom: 1px solid #3EA7CB;padding: 0 5px 5px;
height: 23px;line-height: 23px;font-size: 16px;font-family: tahoma, helvetica, "microsoft yahei", arial;color: #333;}
.mod-hot-tags .hot-tags-list {margin-top: 10px;width: 173px;margin-left: 5px;_margin-left: 0;overflow: hidden;}
.mod-hot-tags .hot-tags-list .hot-tag {display: inline-block;line-height: 20px;margin: 5px 0 0 5px;padding: 0 5px;}
.mod-hot-tags .hot-tags-list .hot-tag a {color: #333;word-break: keep-all;word-wrap: normal;}

nobr {white-space: nowrap;}


/*热门推荐*/
    .hot_radio{width: 200px;margin: 0 auto;background: white;padding: 5px 0;border-top: 1px #3EA7CB solid;}
	.hot_radio_sub{ color:#666666; margin:5px; overflow:hidden; height:28px;border-bottom: 1px solid #F0F0F0;}
	.hot_radio_hot{ overflow:hidden;}
	.hot_radio_hot a{ margin:0 10px 0 0;}
	.hot_radio_dot{ display:inline; float:right; overflow:hidden; height:28px; text-align:right; }
	.hot_radio_hot .title {display: inline-block;position: relative;padding: 0 5px 5px;height: 23px;line-height: 23px;font-size: 16px;font-family: tahoma, helvetica, "microsoft yahei", arial;color: #333;}	
	.hot_radio_dot .prev { float_:left; display:inline-block; background:url(index_bg.png) no-repeat -53px -116px; cursor:pointer; width: 24px; height:18px;}
	.hot_radio_dot .prev:hover{ background:url(index_bg.png) no-repeat 0 -116px;}
			
	.hot_radio_dot .next {display:inline-block; background: url(index_bg.png) no-repeat -75px -116px; width: 24px; cursor: pointer; height: 18px;}
	.hot_radio_dot .next:hover{ background: url(index_bg.png) no-repeat -22px -116px;}		
	.hot_radio_dot span { margin:0; padding:0; vertical-align:top;}			
	.hot_radio_dot span span{ display:inline-block; margin:8px 5px 0 0; background: url(index_bg.png) no-repeat -15px -100px; cursor: pointer; padding:3px; height:5px; overflow:hidden;}
	.hot_radio_dot span span.active { background: url(index_bg.png) no-repeat -4px -100px; }		
	.hot_radio_ani{ overflow:hidden; clear:both; background:url(loader.gif) center center no-repeat; display:none; height:80%;}
	.hot_radio_box{ overflow:hidden; clear:both; width:100%;}
	.hot_radio table{ width:100%; text-align:center;}
	.hot_radio table td{ text-align:center;}
	.hot_radio table td img{ display:block; margin:0 auto;   width:200px; height:200px; margin-bottom:5px; border:none;}

/*排行榜*/
.list-rank{margin-bottom: 15px;border: 1px solid #E1E3E6;padding: 10px 10px 15px;width: 178px;background: #FEFEFE;box-shadow: #E1E3E6 0 1px 2px;-moz-box-shadow: #e1e3e6 0 1px 2px;-webkit-box-shadow: #E1E3E6 0 1px 2px;margin: 10px auto;}
.list-rank-header {height: 28px;border-bottom: 1px solid #F0F0F0;}
.list-rank-header .more {float: right;margin-top: 6px;font-size: 12px;line-height: 18px;color: #999;}
.list-rank-header .title {display: inline-block;position: relative;margin-bottom: -1px;border-bottom: 1px solid #3EA7CB;padding: 0 5px 5px;height: 23px;line-height: 23px;font-size: 16px;font-family: tahoma, helvetica, "microsoft yahei", arial;color: #333;}
.list-rank li {margin-bottom: 5px;height: 20px;line-height: 20px;overflow: hidden;}
.list-rank em, .list-rank span {padding: 0 5px 0 2px;font-family: Arial;font-size: 14px;color: #999;}
.list-rank em {color: #8CA226;}
.list-rank .t0{color:#ff8800;font-weight: 700;}
.list-rank .t1{color:#ff8800;font-weight: 700;}
.list-rank .t2{color:#ff8800;font-weight: 700;}

.iframe-weibo{width: 200px;margin: 0 auto;background: white;}

.portal-box-right-footer {width: 200px;margin-left:10px;}
.portal-box-right-footer a, .portal-box-right-footer a:link, .portal-box-right-footer a:visited {color: #999;text-decoration: initial;}

.adMod {margin-top: 20px;}
.adMod .introduce {width: 200px;height: 91px;margin-left: 10px;display: inline-block;background: url(midpage.png) no-repeat;}


/*左侧推荐话题*/
.portal-box-topic{width:730px; height:40px; background: #B0CDEE;}
.portal-box-topic .bd {position: relative;padding: 0px 0px 0px 10px;overflow: hidden;zoom: 1;}
.portal-box-topic h3 {width: 97px;height: 40px;float: left;margin: 0px 10px 0px 0px;text-indent: -9999px;overflow: hidden;background: url(topic_logo.png) no-repeat;color: #568FD4;}
.portal-box-topic h4 {width: 375px;height: 40px;float: left;overflow: hidden;line-height: 40px;font-weight: normal;font-size: 14px;color: white;}
.portal-box-topic h4 a, .portal-box .topic h4 a:link, .portal-box .topic h4 a:visited {color: #002D64;}
.portal-box-topic h5 {width: 238px;height: 40px;float: left;overflow: hidden;line-height: 40px;font-weight: normal;font-size: 14px;color: white;}
.portal-box-topic h5 a, .portal-box .topic h4 a:link, .portal-box .topic h4 a:visited {color: #002D64;}



/*左侧推荐焦点*/
.portal-box-focus{margin-right:8px; width:484px; height:200px; }
#focus {width:484px; height:200px; overflow:hidden; position:relative;}
#focus ul {height:200px; position:absolute;}
#focus ul li {float:left; width:484px; height:200px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:484px; height:25px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:462px; height:10px; padding:10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:50px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


/*展示列表*/
.mod .btna  {padding: 0 5px 0 15px;margin-top: 8px;height: 24px;line-height: 24px;background: #84BCE2 url(index_bg.png) no-repeat 0 0;cursor: pointer;display: inline-block;color: white;_zoom: 1;overflow: hidden;text-align: left;}
.mod a.btna:hover {background: #6ba0c4 url(index_bg.png) 0 -24px no-repeat;}

.mod .think  {padding: 0;margin-top: 8px;margin-left: 8px;width:24px;height: 24px;line-height: 24px;background: #84BCE2 url(index_bg.png) no-repeat right 0;cursor: pointer;display: inline-block;color: white;_zoom: 1;overflow: hidden;text-align: left;text-indent: -9999px;}
.mod a.think:hover {background: #6ba0c4 url(index_bg.png) right -24px no-repeat;}

.recommendShow {	width:730px;}
.recommendShow .col {	width:238px;	float:left;}
.recommendShow .lft {	margin-right:8px;}

.mod {	width:238px;	padding-bottom:8px;}
.mod .hd {	width:238px;	height:8px;	background:url(recmod_t.png?20121125) no-repeat;	overflow:hidden; zoom:1;}
.mod .bd {	position:relative;	padding:9px 15px 40px 15px;	width:208px;	background:url(recmod_c.png?20121125) repeat-y;	overflow:visible;	zoom:1;}
.mod .bd .btm {	position:absolute;	bottom:0;	_bottom:-4px;	left:0;	z-index:2;	width:238px;	height:40px;	background:url(recmod_b.png?20121125) no-repeat;	overflow:hidden;}
.mod .headPic {	width:80px;	height:80px;	float:left;	margin-right:9px;	_display:inline;	overflow:hidden;}
.mod .headPic span {	position:absolute;	z-index:10;	width:80px;	height:80px;	background:url(mask_head.png?20121125) no-repeat;	_background:url(mask_head.gif?20121125) no-repeat;}
.mod .header {width: 208px;margin: auto;padding-bottom: 5px;}
.mod .bd h3 {	float:left;	width:115px;	font-size:20px;	font-weight:normal;	line-height:30px;	color:#000;	text-align:left;	margin-top:-4px;}
.mod .bd h3 a, .mod .bd h3 a:link {	color:#000;	text-decoration:none;}
.mod .bd h3 a:hover {	color:#000;	text-decoration:none;}
.mod p {	display:block;	clear:both;	padding-top:10px;	font-size:12px;	line-height:21px;	color:#333;	overflow:hidden; zoom:1;}
.mod a.btn {	position:relative;	z-index:3;	margin:5px 0 18px;	height:22px;	line-height:22px;	display:inline-block;	background:url(btn06.png?20121125) 0 0 no-repeat;	_background:url(btn06.gif?20121125) 0 0 no-repeat;}
.mod a.btn:hover {	display:inline-block;	background-position:0 -44px;	text-decoration:none;}
.mod a.btn span {	height:22px;	line-height:22px;	float:left;	padding:0 12px;	border:0;	background:url(btn06.png?20121125) right -22px no-repeat;	_background:url(btn06.gif?20121125) right -22px no-repeat;	font-family:"Microsoft Yahei";	font-size:12px;	margin-right:-2px;*margin-right:0;	color:#f4fdfd;	text-decoration:none;	cursor:pointer;}
.mod a.btn:hover span {	background-position:right -66px;}
.mod a.btn span img {*float:left;*margin-top:5px;}

.mod .bd .z_ico_likeMk {margin-top: 8px;}
.z_ico_likeMk {display: block;padding-left: 20px;background: url(index_bg.png) no-repeat -178px -54px;height: 14px;line-height: 13px;font-size: 13px;color: #202020;cursor: default;overflow: hidden;}
.h_ico_likeMk {display: inline-block;padding-left: 20px;background: url(index_bg.png) no-repeat -178px -54px;height: 14px;line-height: 13px;font-size: 13px;color: #202020;cursor: default;overflow: hidden;}

.pgbtn {margin: 15px 0;}
.pgbtn a {display: block;width: 730px;height: 40px;line-height: 40px;letter-spacing: 5px;text-align: center;border: 1px solid gainsboro;background: whiteSmoke;font-size: 14px;color: #666;outline: none;border-radius: 5px;}
.pgbtn a:hover {background: #dddddd;}

/*更多频道*/
.portal-other{padding: 10px 10px 15px; margin: 10px auto 15px; width: 938px; border: 1px solid #E1E3E6;background: #FEFEFE;box-shadow: #E1E3E6 0 1px 2px;-moz-box-shadow: #e1e3e6 0 1px 2px;-webkit-box-shadow: #E1E3E6 0 1px 2px;}
.portal-other a {color: #666;white-space: pre-wrap;}
.portal-other a:hover {color: #0066cc;}
.portal-other em {color: #cccccc;}
.portal-other-header {height: 28px;border-bottom: 1px solid #F0F0F0;}
.portal-other-header .more {float: right;margin-top: 6px;font-size: 12px;line-height: 18px;color: #999;}
.portal-other-header .title {display: inline-block;position: relative;margin-right: 20px;margin-bottom: -1px;border-bottom: 1px solid #3EA7CB;padding: 0 5px 5px;height: 23px;line-height: 23px;font-size: 16px;font-family: tahoma, helvetica, "microsoft yahei", arial;color: #333;}

.portal-other-colorful{}
.portal-other-colorful li {position:relative;	float:left;	width:160px;	height:160px;	margin:20px 20px 0 0;	font:400 16px/16px "Microsoft Yahei";	overflow:hidden;}
.portal-other-colorful li img {	width:160px;	height:160px;}
.portal-other-colorful span,.portal-other-colorful em {	position:absolute;	left:0;	padding: 0 5px; bottom:-130px;	width:150px;	height:160px;	text-indent:5px;	line-height:30px;	overflow:hidden;}
.portal-other-colorful span {	background-color:#000;	opacity:.4;	filter:alpha(opacity=40);}
.portal-other-coin-pp:hover span {	background-color:#8CA226;}
.portal-other-colorful li a, .portal-other-colorful li a:visited{	color:#fff;}
.portal-other-colorful li a:hover span{background-color:#8CA226;	bottom:-80px;}
.portal-other-colorful li a:hover em{bottom:-80px;}
.portal-other-colorful li a:hover {	color:#fff;	text-decoration:none;}


/*友情链接*/
.sharelinks{padding: 10px 10px 15px; margin: 10px auto 15px; width: 938px; border: 1px solid #E1E3E6;background: #FEFEFE;box-shadow: #E1E3E6 0 1px 2px;-moz-box-shadow: #e1e3e6 0 1px 2px;-webkit-box-shadow: #E1E3E6 0 1px 2px;}
.sharelinks dl { float:left;line-height: 22px;padding:5px; color:#333;}
.sharelinks dl dt {float: left;width: 70px; font-weight:700;}
.sharelinks dl dd {display: inline-block;float: left;width: 850px;}
.sharelinks dl dd a {color: #666;margin: 0 7px;white-space: pre-wrap;*white-space: pre;*word-wrap: break-word;}
.sharelinks dl dd a:hover {color: #06c;}

/*广告AD*/
.ad-960{width:960px; margin:0 auto;}
.ad-728-80{width:728px; height:80px; border:1px #ddd solid;}
.ad-238-200{width:238px; height:200px;}
.ad-238-200 li {	position:relative;	float:left;	width:238px;	height:200px;	margin:0;	font:400 16px/16px "Microsoft Yahei";	overflow:hidden;}
.ad-238-200 li img {	width:238px;	height:200px;}
.ad-238-200 span, .ad-238-200 em{	position:absolute;	left:0;bottom:-175px; 	width:238px;	height:200px;	text-indent:5px;	line-height:25px;	overflow:hidden;}
.ad-238-200 span {	background-color:#000;	opacity:.4;	filter:alpha(opacity=40);}
.ad-238-200 a, .ad-238-200 a:visited {	color:#fff;}
.ad-238-200 a:hover span{	background-color:#8CA226;bottom:-100px;}
.ad-238-200 a:hover em{bottom:-100px;}
.ad-238-200 a:hover{	color:#fff;	text-decoration:none;}

.ad-200{width:200px; margin:10px auto}
.ad-200 a {margin-bottom: 10px;display: block;}