@charset "utf-8";
/*CSS Document*/
#index #postheader{display:none;}
.main{ border-top:1px solid #fff; width:100%; margin:20px auto;}/* background:url(../image/maintopbg.png) center top no-repeat #fff;*/
#main{ width:100%; max-width:1220px; margin-left:auto; margin-right:auto;}
.mainleft{ width:200px;}
.mainright{ width:980px; margin:0px auto;}
.mainright .mid{ float:left; width:640px;}
.mainright .right{ width:300px;}
/*channeltitle*/
.channeltitle{ width:100%; height:48px; background:#e1ebf4; line-height:60px;}
.channeltitle a{ display:block; height:48px; font-size:14px;}
.channeltitle a.fl{ width:58px; background:url(../style/channeltitle.gif) no-repeat;}
.channeltitle span{ display:block; width:50px; height:48px; background:url(../style/channeltitle.gif) no-repeat 0px -550px;}
.channeltitle .more{ min-width:8px; height:48px; padding-right:24px; background:url(../style/channeltitle.gif) no-repeat right -550px;}
#channeltitle0 a{ background-position:0px 0px;}
#channeltitle1 a{ background-position:0px -50px;}
#channeltitle2 a{ background-position:0px -100px;}
#channeltitle3 a.fl{ background-position:0px -150px; width:105px;}
#channeltitle4 a{ background-position:0px -200px;}
#channeltitle5 a{ background-position:0px -250px;}
#channeltitle6 a{ background-position:0px -300px;}
#channeltitle7 a{ background-position:0px -350px;}
#channeltitle8 a{ background-position:0px -400px;}
#channeltitle9 a{ background-position:0px -450px;}
#channeltitle10 a{ background-position:0px -500px;}
#channeltitle11 a.fl{ background-position:0px -700px; width:105px;}
#channeltitle12 a{ background-position:0px -750px;}
#channeltitle13 a.fl {background-position: 0px -800px; width: 105px;}
#channeltitle14 a.fl {background-position: 0px -850px; width: 82px;}
#channeltitle15 a.fl {background-position: 0px -900px; width: 106px;}
#channeltitle16 a.fl {background-position: 0px -950px; width: 130px;}
.mid .channeltitle span{ background-position:0px -600px;}
.mid .channeltitle .more{ background-position: right -600px;}
.mid .channeltitle { background:url(../style/channeltitle.gif) repeat-x 0px -650px;}
.mid .channeltitle ul{ float:right; width:450px; height:40px; line-height:48px; text-align:center;}
.mid .channeltitle ul a{ padding:0px 15px; display:inline; font-size:12px;}
#picsub a{ float:left; display:block; width:50px; height:40px; background:url(../style/picturesubnav.gif) no-repeat 0px 0px;}
#picsub a.picsub0{ background-position:0px 0px;}
#picsub a:hover.picsub0{ background-position:0px -40px;}
#picsub a.picsub1{ background-position:-80px 0px;}
#picsub a:hover.picsub1{ background-position:-80px -40px;}
#picsub a.picsub2{ background-position:-160px 0px;}
#picsub a:hover.picsub2{ background-position:-160px -40px;}
#picsub a.picsub3{ background-position:-240px 0px;}
#picsub a:hover.picsub3{ background-position:-240px -40px;}
#picsub a.picsub4{ background-position:-320px 0px;}
#picsub a:hover.picsub4{ background-position:-320px -40px;}
#picsub a.picsub5{ background-position:-400px 0px;}
#picsub a:hover.picsub5{ background-position:-400px -40px;}
/* 纪实、报告通用 */
.video li{ position:relative; width:200px;}
.video li a,.video li span{ display:block;}
.video li.vt a{ display:inline;}
.video li span{ color:#fff;}
.video img{ padding:0px 6px 6px 0px;} 
.video .playbtn,.ishd,.isdj,.infobg{ position:absolute; display:block;}
.video .playbtn{ width:40px; height:40px; top:48px; left:0px; background:url(../style/playbtn.png) no-repeat 0px 0px;}
a:hover .playbtn{ background-position:0px -40px;}
.ishd,.isdj{ left:0px; top:0px;}
.infobg{ width:192px; height:20px; top:124px; left:0px; background:url(../style/shadow.png) repeat;}
.infobg .fl{ padding-left:6px;}
.infobg .fr{ padding-right:6px; text-align:right;}
.gray333 a{ color:#333;}
a.blue2172bd {color:#2172bd; font-size:14px; font-weight:bold;margin-bottom:5px;}
.gray333 a:hover{ color:#f30;}
a.blue2172bd:hover {color:#f30; margin-bottom:5px;}

/* 纪实、正道沧桑通用 */
.record li ul li{ float:left; width:100px; height:20px;}
.record img{ background:url(../style/videobg.gif) no-repeat;} 
.mainhidden{ display:none; margin-top:20px;}
.mid .mainhidden{ width:660px;}
.mainhidden .fllist{ float:left; width:200px; padding-right:20px;}
.mainhidden .vp{ width:200px;}
/* 世界遗产 */
.record li .li li{ width:200px; clear:both;}
/* 微博 */
#weiboarea{ position:relative;}
.weibo{ width:200px; height:470px;}
.weibophoto li{ float:left; width:50px; height:50px; padding-left:12px;}
#weiboleft0{ display:block;}
#weiboleft1{ display:none;}
#weiboleft2{ display:none;}
#weiboicon{ width:100%; height:86px; position:absolute; top:0px; left:0px; background:#fff;}
#weiboicon li{ float:left; width:33%; text-align:center;}
#weiboicon li a{ display:block; height:80px; padding:3px; line-height:16px;}
#weiboicon li a:hover,#weiboicon li a.cur{ color:#5093d5; background:#e6e6e6;}
#weiboboxr{ display:none;}
#weiboboxr .weibo{ width:300px; height:510px;}
/*本网推荐*/
.recommendation{ text-align:center; line-height:30px;}
.mid .recommendation{ width:660px;}
/*焦点大图*/
#focusarea{ height:421px; width:640px;}
#focusphoto{height:360px; width:640px; position:relative;}
#focusphoto li{}
#focusphoto li a:hover{ text-decoration:none;}
#focusphoto span{ font-weight:bold; font-size:20px; font-family:"微软雅黑",arial,"黑体","宋体"; cursor:pointer; line-height:50px;}
#focusphoto span.title{ position:absolute; left:0px; padding-left:10px; bottom:0px; color:#fff; z-index:100; width:630px; display:block; height:50px; background:url(../style/shadow.png) repeat;}
#focusphoto span.titlebg{ position:absolute; left:0px; bottom:0px; color:#000; z-index:100; background:url(../style/shadow.png) repeat; width:640px; display:block; height:50px;}
.shadowline{ height:61px; width:640px; background:#222;}
#focusphoto span#focusplaybtn{ display:none; position:absolute; left:0px; bottom:50px; width:50px; height:50px; background:url(../style/playbtn_big.png) no-repeat 0px 0px;}
#focusphoto a:hover #focusplaybtn{ background-position:0px -50px;}
#focusclassname{ padding-left:35px; line-height:61px; height:61px; width:140px; font-weight:bold; font-size:20px; font-family:"微软雅黑",arial,"黑体","宋体"; background:url(../style/focusclassnamebg.gif) no-repeat left center;}
#focusclassname a{ color:#ddd;}
#focusclassname a:hover{ color:#fff; text-decoration:none;}
#focuslist{ padding:5px 2px;}
#focuslist li{ float:left; margin:0px 3px; height:51px; width:86px; background:#000;}
#focuslist li a{ border:3px solid #fff; display:block; filter:alpha(opacity=60); opacity:0.6; cursor:pointer;}
#focuslist li a:hover,#focuslist li.current a{ border:3px solid #3e89e7; filter:alpha(opacity=100); opacity:1;}
/* 报告 */
.report{ width:660px;}
.report li{ float:left; width:200px; height:200px; padding:0px 20px 20px 0px; position:relative;}
.report li.clear5{ width:640px; padding:0px; height:5px;}
.report div.relateds{ height:22px; width:100%; padding-top:4px;}
.report div.relateds a,.report div.relateds span{ float:left;}
.report div.relateds span{ height:22px; width:32px; color:#222;}
.report div.relateds a{ height:20px; padding:0px 6px; color:#2172bd; margin:0px 4px; border:1px solid #e1ebf4;}
.report div.relateds a:hover{ background:#2172bd; color:#fff; text-decoration:none;}
/* 报告公告 */
.videonotice{ color:#ab0000; border-top:1px solid #fff; width:100%; height:30px; line-height:30px;filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=0); text-shadow:1px 1px 0px #ffffff; background:url(../style/videonoticebg.gif) no-repeat left #e1ebf4; font-size:14px; text-indent:8em;}
.videonotice a{ color:#ab0000;}
/* 文库 */
.library{ border-bottom:1px solid #ddd; padding:10px 0px; font-size:14px;}
.library li.fir{ font-size:26px; font-family:"微软雅黑","黑体"; height:40px; line-height:40px;}
.library li.fir a{ padding:0px 6px;}
.library li{ color:#ddd; height:20px; line-height:20px; padding-top:10px;}
.library li a{ padding:0px 6px;}
/* 读图 */
.picture{ margin:-1px 0px 0px -1px;}
.picture li{ float:left; position:relative;}
.picture img{ border-top:1px solid #fff; border-left:1px solid #fff;}
.w320{ width:320px;}
.w160{ width:160px;}
.h120{ height:120px;}
.h240{ height:240px;}
.picture span{ position:absolute; left:1px; bottom:0px; background:url(../style/shadow.png) repeat; display:block; width:96%; padding:2px 2%; line-height:18px; text-align:center;}
.picture a{ color:#fff;}
.picture a:hover{ color:#fff; text-decoration:underline;}
/*专题 大V直播间通用*/
.topic,.dvzbj{ position:relative; width:300px; height:150px;}
.topic span,.dvzbj span{ position:absolute; left:0px; bottom:0px; background:url(../style/shadow.png) repeat; width:100%; height:26px; line-height:26px; font-weight:bold; text-align:center;}
.topic a,.dvzbj a{ color:#fff;}
.topictitle{ font-size:16px; font-weight:bold; font-family:"微软雅黑","黑体"; background:url(../style/topictitlebg.png) no-repeat right center;}
.topiclisttitle{ font-size:14px; height:30px; line-height:30px;}
.topiclistinfo{ height:63px; line-height:21px; padding-bottom:10px; border-bottom:1px dotted #e4e4e4;}
.topiclistinfo img{ float:left;}
.topiclistinfo p{ float:right; width:173px;}
/* 专题六格切换 */
.bookList{ width:300px;clear:both;height:110px;overflow:hidden;position:relative;}
.bookList ul{position:absolute;top:0;left:0;height:110px;width:660px;}
.bookList li{float:left;height:110px;border-right:1px solid #fff;width:39px;position:relative;overflow:hidden;}
/* 特稿 */
.tegao{ font-size:14px;}
.tegao li{ padding-bottom:20px;}
.tegao li img{ float:left;}
.tegao li div{ float:right; width:178px; line-height:21px;}
/* 专家 */
div.expert{ width:274px; margin:0px auto 20px; padding-bottom:20px;border-bottom:1px dotted #ddd;}
div.expert .fl{ width:50px; height:70px; padding:1px; background:#e1ebf4; text-align:center;}
div.expert .fr{ width:200px; height:70px;}
div.expert .fr li{ height:23px;line-height:23px;}
ul.expert{ width:296px; margin:0px auto;}
ul.expert li{float:left; width:60px; height:80px; padding:0px 7px 10px; text-align:center; }
.expertsearch{ width:300px; height:30px; background:url(../style/expertsearch.gif) no-repeat;}
.expertsearch input{ float:left; padding-left:12px; height:30px; line-height:30px; width:220px; border:none; background:none;}
.expertsearch button{ float:left; background:none; border:none; height:30px; width:60px;}
.expertconnect{ width:280px; height:20px; font-size:14px; padding-left:20px;}
/* 专家_精品超市推荐 */
.jpcsnotice{ height:50px;}
/*.jpcsnotice{ color:#ab0000; border-top:1px solid #fff; width:100%; height:30px; line-height:30px;filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=0); text-shadow:1px 1px 0px #ffffff; background:url(../style/jpcsnoticebg.gif) no-repeat left #e1ebf4; font-size:14px; text-indent:8em;}
.jpcsnotice a{ color:#ab0000;}*/
/* 排行榜 */
#channeltitle10{ display:none;}
.rank{ display:none;}
.rank li{ line-height:30px; height:30px; font-size:14px;}
.rank span{ display:block; width:14px; height:14px;text-align:center; background:#0066cc;color:#fff;font-size:10px; line-height:14px; float:left; margin:7px; border:1px solid #e1ebf4;}
.rank a{ padding-left:8px;}
/*右下浮窗*/
.ie6fixedBR{height:auto;width:300px;}
.ie6fixedBRbg {background:#fff;}
.ie6fixedBR ul{height:auto; width:300px;text-align:center;line-height:16px;}
.ie6fixedBR li{height:auto; width:100px; float:left; text-align:center;}
.ie6fixedBR li a{display:block;padding:5px 0px;}
.ie6fixedBR li a:hover{background-color:#e1ebf4;color:#000;}