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

/*页面顶部背景图片*/
.header{ background: url("../images/vol_16/headbg.jpg") no-repeat center top; }

/*原创精品集、往期精彩回顾背景*/
.container .left .title{ background-image: url("../images/vol_16/jingpinbg.png"); }
.container .right .title{ background-image: url("../images/vol_16/reviewbg.png"); }

/*经典演绎背景图片*/
.scroll-wrap .title{ background-image: url("../images/vol_16/jingdianbg.png"); }

/*热门推荐背景图片*/
.period .title{ background-image: url("../images/vol_16/tuijianbg.png"); top: -14px; }

/*换一组看看按钮背景图片*/
.period .period-content .middle .get-more{ background: url("../images/vol_16/btnbg.png") no-repeat center; }

/*原创作品集与往期精彩回顾中间的背景图片*/
.container .node{ background: url("../images/vol_16/node.png") no-repeat center; }

/*往期精彩回顾上下翻页按钮背景图片*/
.show-btn{ background: url("../images/vol_16/slidebtnbg.png") no-repeat center; }

/*视频下面滚动列表每一项前的背景图片及鼠标滑过时的北京图片*/
#party-list #list-container ul li a{ background: url("../images/vol_16/dot.png") no-repeat left center; }
#party-list #list-container ul li a:hover{ background-image: url("../images/vol_16/dot.png"); }

/*经典演绎滑动按钮背景图片*/
#box .prev,
#box .next{ background:url("../images/vol_16/btn.png") no-repeat; }
/*评论背景图片*/
.comment .title{ background-image: url("../images/vol_16/commenthbg.png"); }

/*页面整体背景色*/
body{ background: #70210c; }

/*热门推荐背景色*/
.section{ background-color: #FAF5FF; }

/*热门推荐边框颜色*/
.period{ border: 6px solid #e97c17;}

/*“更多>”文字颜色*/
.title a{ color: #a30404;}

/*页面最底部版权声明等文字颜色*/
#footer_link_info p,
#footer_link_info p a{ color: #faf5ff; }

/*热门推荐中描述文字颜色*/
.period .period-content dl dd{ color: #673538; }

/*热门推荐中大标题文字颜色*/
.period .period-content dl dt.content-title{ color: #a30303; }

/*热门推荐中小标题文字颜色及鼠标滑过时的文字颜色*/
.period .period-content dl dt.sub-content-title a{ color: #7c0000; }
.period .period-content dl dt.sub-content-title a:hover{ color: #A30303; }

/*热门推荐中虚线的颜色*/
.period .period-content .middle ol li{ color: #e87e83; }

/*热门推荐中滚动列表的文字颜色及鼠标划过时的文字颜色*/
.period .period-content .middle ol li a{ color: #b22e30; }
.period .period-content .middle ol li a:hover{ color: #731819; }

/*换一组看看按钮文字颜色及鼠标滑过时的文字颜色*/
.period .period-content .middle .get-more{ color: #fffde0; }
.period .period-content .middle .get-more:hover{ color: #76011c; }

/*视频的背景色*/
#video-player{ background: #ffffff; }
/*视频下面滚动类表的文字颜色及鼠标滑过时的文字颜色*/
#party-list #list-container ul li a{ color: #a30303; }
#party-list #list-container ul li a:hover{ color: #781e1f; }

/*往期回顾中图片的边框颜色及鼠标滑过时的边框颜色*/
#history-list #list-box ul a{ border-color: #FFFFFF; }
#history-list #list-box ul a:hover{ border-color: #dc8a8f; }

/*经典演绎背景颜色*/
#box li{ background: #98938f; }

/*分享中二维码的边框颜色*/
.share .webchat i{ border-color:#E79AF1; }

/*分享按钮的文字颜色*/
#bdshare-right a{ color: #fff;}

/*关注公众号文字颜色及鼠标滑过时的文字颜色*/
.share .webchat{ color: #fff; }
.share .webchat:hover{ zoom: 1; _color: #fff; }

/*******************************    分割线    ***********************************/
.header{ height: 418px; margin-top: 83px; }
.main{ width: 980px; margin: 20px auto 0; }
.title{ height: 56px; background-repeat: no-repeat; background-position: center; position: relative; top: -10px; }
.title a{ position: absolute; font-size: 14px; line-height: 1; right: 30px; top: 50%; }
.period{ width: 968px; height: 460px; margin-top: 10px; }
.container{ overflow: hidden; height: 720px; margin-top: 30px; padding-top: 10px; position: relative; }
.container .left{ width: 576px; height: 100%; float: left; }
.container .right{ width: 394px; height: 100%; float: right; }
.container .node{ width: 53px; height: 14px; position: absolute; left: 553px; }
.container .node.top{ top: 27px; }
.container .node.bottom{ bottom: 20px; }

/*经典演绎*/
.scroll-wrap{ margin-top: 30px; }

/*我有话想说*/
.comment{ margin-top: 30px; padding-bottom: 30px; }
#footer_link_info.wrap{ padding-top: 30px; }
.period .period-content{ position: relative; }
.period .period-content .left,
.period .period-content .right{ width: 270px; }
.period .period-content .middle{ width: 310px; }
.period .period-content .left,
.period .period-content .middle,
.period .period-content .right{ position: absolute; }
.period .period-content dl dt{ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; _width: 100%; }
.period .period-content dl dd{ font-size: 14px; line-height: 20px; text-indent: 2em; margin-bottom: 20px; height: 100px; }
.period .period-content dl dt.content-title{ font-size: 20px; }
.period .period-content dl dt.sub-content-title{ font-size: 18px; margin: 13px 0 11px; font-weight: bold; }
.period .period-content dl dt.sub-content-title a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.period .period-content .middle{ left: 327px; margin-top: 30px; }
.period .period-content .middle .list-wrap{ height: 273px; overflow: hidden; position: relative; }
.period .period-content .middle ol{ width: 100%; position: absolute; top: 0; }
.period .period-content .middle ol li{ border-bottom: 1px dashed; line-height: 38px; height: 38px; padding: 0 10px; }
.period .period-content .middle ol li a{ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; _width: 100%; line-height: 38px; }
.period .period-content .middle .get-more{ display: block; width: 118px; height: 37px; line-height: 37px; text-align: center; overflow: hidden; margin: 0 auto; font-size: 14px; margin-top: 25px; }
.period .period-content .left{ left: 20px; }
.period .period-content .right{ right: 20px; }

/*视频*/
#video-player{ padding: 10px; width: 410px; margin: 20px auto 0; }
/*滚动列表*/
#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; display: inline-block; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px; }

/*推荐列表*/
#history-list{ position: relative; width: 222px; margin: 20px auto 0; }
#history-list #list-box{ overflow: hidden; position: relative; }
#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-width: 3px;border-style: solid; }
#history-list #list-box ul a img{ display: block; width: 100%; height: 100%; }
.show-btn{ width: 73px; height: 33px; position: absolute; left: 50%; margin-left: -36px; z-index: 1; }
.show-btn.btn-pre{ background-position: 0 -78px; top: 0; }
.show-btn.btn-pre:hover{ background-position: 0 0; }
.show-btn.btn-next{ background-position: 0 -114px; bottom: 0; }
.show-btn.btn-next:hover{ background-position: 0 -38px; }

/*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: 40px; height: 80px; margin: 0; margin-top: -50px; overflow: hidden; text-indent: -999px; cursor: pointer; z-index: 10; }
#box .prev{ left: 0px; }
#box .next{ right: 0px; background-position: -39px 0; }

#vv_comment{ margin: 20px 30px 0; }
#vv_comment .talk_box{ min-height: 175px; _height: 175px; }

/*分享*/
*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 .tecentWeibo{ background: url("../images/vol_16/sharebtnbg.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 .tecentWeibo{ display: block; width: 36px; background-position: -54px -132px; height: 140px; margin-top: 10px; }
.shareTop .tecentWeibo:hover{ background-position: 0 -132px; }
.shareTop .tecentWeibo a{display: none; width: 130px;height: 130px; border:5px solid #84cfff; position: absolute; top: 132px; left: -140px; _filter: alpha(opacity=0);}
.shareTop .tecentWeibo a img{ width: 130px; height: 130px; }
.shareTop .tecentWeibo:hover a{display: block; _filter: alpha(opacity=100);}