@charset "UTF-8";
body{ min-width: 980px; font-family: "microsoft yahei"; _font-size: 16px; cursor: default; background: #df3131; }

/* 头图 */
.header{ height:451px; margin-top: 83px; background: url("../images/vol_29/headbg.jpg") no-repeat center top; }
.main{ width: 980px; margin: auto; }

/*热门推荐*/
.hot{ width: 980px; background-color: #f7fdfe; position: relative; }
.shortSortTitle,
.longSortTitle,
.huiguTitle{ width: 100%; height: 49px; line-height: 49px; text-align: center; color: #fff; font-size: 32px; }
.huiguTitle{ background: url("../images/vol_29/huigu_title.jpg") no-repeat center; }
.shortSortTitle{ background: url("../images/vol_29/short_title.jpg") no-repeat center; }
.longSortTitle{ background: url("../images/vol_29/long_title.jpg") no-repeat center; }
.hot a.more,
.scrollWrap a.more{ position: absolute; right: 30px; top: 15px; font-size: 14px; color: #ffa320; }
.hot a.more:hover,
.scrollWrap a.more:hover{ color:#ffc820; }
.hot .hotContent{ position: relative; }
.hot .hotContent .hotLeft,
.hot .hotContent .hotRight{ width: 270px; }
.hot .hotContent .hotMiddle{ width: 310px; margin: 0 35px; }
.hot .hotContent .hotLeft,
.hot .hotContent .hotMiddle,
.hot .hotContent .hotRight{ float: left; }
.hot .hotContent .hotLeft{ margin-left: 40px; }
.hot .hotContent dl dt{ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; _width: 100%; }
.hot .hotContent dl dd{ font-size: 14px; line-height: 20px; text-indent: 2em; margin-bottom: 20px; height: 100px; color: #563d59;}
.hot .hotContent dl dt.contentTitle{ font-size: 20px; color: #de2e33; font-weight: bold;}
.hot .hotContent dl dt.subContentTitle{ font-size: 18px; margin: 13px 0 11px; font-weight: bold; }
.hot .hotContent dl dt.subContentTitle a{ display: block; color: #290726; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot .hotContent dl dt.subContentTitle a:hover{ text-decoration: underline; }
.hot .hotContent .hotMiddle{ margin-top: 30px; }
.hot .hotContent .hotMiddle .listWrap{ height: 273px; overflow: hidden; position: relative; }
.hot .hotContent .hotMiddle ol{ width: 100%; position: absolute; top: 0; }
.hot .hotContent .hotMiddle ol li{text-align:center; line-height: 38px; height: 38px; padding: 0 10px; border-bottom:1px dashed #563d59; }
.hot .hotContent .hotMiddle ol li a{ display: inline-block; width: 100%; color: #563d59; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; _width: 100%; line-height: 38px; }
.hot .hotContent .hotMiddle ol li a:hover{ color: #de2e33; }
.hot .hotContent .hotMiddle .changeItemsBtn{ display: block; width: 118px; height: 37px; line-height: 37px; color: #ffffff; border-radius: 19px; background: url('../images/vol_29/changebg.png'); text-align: center; overflow: hidden; margin: 0 auto; font-size: 14px; margin-top: 25px; }
.hot .hotContent .hotMiddle .changeItemsBtn:hover{ /*text-decoration: underline;*/ /*background: #fc4d64;*/ color:#ffc820;}

/*原创精品集和精彩期刊回顾*/
.container{ overflow: hidden; height: 720px; margin-top: 30px; padding-top: 10px; position: relative; }
.container .left{ width: 576px; height: 100%; float: left; background-color: #f7feff; }
.container .right{ width: 394px; height: 100%; float: right; background-color: #f7feff; }
.container .node{ width: 54px; height: 15px; position: absolute; left: 553px; background: url("../images/vol_29/node.png") no-repeat center; }
.container .node.top{ top: 27px; }
.container .node.bottom{ bottom: 20px; }
/*视频*/
#video-player{ padding: 10px; width: 410px; margin: 20px auto 0; background: #ffffff; }
/*视频下方滚动列表*/
#party-list{ width: 370px; margin: 0 auto; position: relative; margin-top: 20px; }
#party-list #list-container{ overflow: hidden; height: 294px; position: relative; }
#party-list #list-container ul{ position: absolute; top: 0; }
#party-list #list-container ul li a{ width: 350px; color: #563d59; display: inline-block; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px; }
#party-list #list-container ul li a:hover{ color: #f02c4f; }
/*精彩期刊回顾*/
#history-list{ position: relative; width: 222px; margin: 55px auto 0; }
#history-list #list-box{ overflow: hidden; position: relative; height:548px;}
#history-list #list-box ul{ position: relative; top: 0; }
#history-list #list-box ul li{ margin-bottom: 25px; }
#history-list #list-box ul a{ display: block; width: 216px; height: 160px; border: 3px solid #fbecef; }
#history-list #list-box ul a:hover{ border: 3px solid #f38fa2; }
#history-list #list-box ul a img{ display: block; width: 100%; height: 100%; }
#history-list a.show-btn{ width: 42px; height: 19px; position: absolute; left: 50%; margin-left: -21px; z-index: 1; }
#history-list a.btn-pre{ top: -34px; background: url("../images/vol_29/review_up.png") no-repeat center; }
#history-list  a.btn-pre:hover{ background: url("../images/vol_29/review_up_hover.png") no-repeat center; }
#history-list a.btn-next{ bottom: -38px; background: url("../images/vol_29/review_down.png") no-repeat center; }
#history-list  a.btn-next:hover{ background: url("../images/vol_29/review_down_hover.png") no-repeat center; }

/*经典演绎•持久魅力*/
.scrollWrap{ margin-top: 30px; background-color: #f7feff; position: relative; }
#box li{ background: #98938f; }
/*zoom_scroll*/
#box{ position: relative; width: 940px; height: 288px; margin: 35px auto 0; padding-bottom: 38px; }
#box ul{ position: relative; width: 100%; height: 100%; }
#box li{ position: absolute; list-style: none; width: 0; height: 0; top: 144px; left: 470px; z-index: 0; cursor: pointer; }
#box li a{ display: block; width: 100%; height: 100%; }
#box li a img{ display: block; width: 100%; height: 100%; }
#box .prev,
#box .next{ position: absolute; top: 50%; width: 19px; height: 42px; background-image:url("../images/vol_29/btn.png"); margin: 0; margin-top: -50px; overflow: hidden; text-indent: -999px; cursor: pointer; z-index: 10; }
#box .prev:hover{ background-image:url("../images/vol_29/btn_hover_left.png"); background-position:0 0;}
#box .next:hover{ background-image:url("../images/vol_29/btn_hover_right.png"); background-position:-2px 1px; }
#box .prev{ left: 0px; background-position: -1px 0; }
#box .next{ right: 0px; background-position: -30px 0; }

/*我有话想说*/
.comment{ margin-top: 30px; padding-bottom: 30px; background-color: #f7feff; }
#vv_comment{ margin: 20px 30px 0; }
#vv_comment .talk_box{ min-height: 175px; _height: 175px; }

/*底部导航*/
#footer_link_info.wrap{ padding-top: 30px; }
#footer_link_info p,
#footer_link_info p a{ color: #fff; }
#footer_link_info p a:hover{ color: #fff; }

/*侧边栏分享*/
*html,
*html body{ background-image: url(about:blank); background-attachment: fixed; }
.shareTop{ width: 36px; position: fixed; right: 0; bottom: 150px; z-index: 500; height: 272px; }
.shareTop{ _position: absolute; _bottom: auto; _margin-bottom: 150px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
.shareTop .tecentWeiXin{ background: url("../images/vol_29/side_share.png") no-repeat center; }
.shareTop a.top{ display: block; background-position: -54px 0; width: 36px; height: 36px; }
.shareTop a.top:hover{ background-position: 0 0; }
.shareTop .bdshare_b a.img{ display: block; background-position: -54px -46px; width: 36px; height: 76px; margin: 0; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: 0 -46px; }
.shareTop .tecentWeiXin{ display: block; width: 36px; background-position: -54px -132px; height: 140px; margin-top: 10px; }
.shareTop .tecentWeiXin:hover{ background-position: 0 -132px; }
.shareTop .tecentWeiXin a{display: none; width: 130px; height: 130px; border: 5px solid #ffc820; position: absolute; top: 132px; left: -140px; _filter: alpha(opacity=0);}
.shareTop .tecentWeiXin a img{ width: 130px; height: 130px; }
.shareTop .tecentWeiXin:hover a{display: block; _filter: alpha(opacity=100);}