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

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

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

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

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

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

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

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

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

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

/*分享的北京图片*/
.share-btn{ background: url("../images/vol_15/share_btn.png") no-repeat; }

/*二维码*/
.share .webchat i{ background: url("../images/vol_15/qr_code.png") no-repeat center; }

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

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

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

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

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

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

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

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

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

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

/*换一组看看按钮文字颜色及鼠标滑过时的文字颜色*/
.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: #a216bb; }
#party-list #list-container ul li a:hover{ color: #7d1aa5; }

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

/*经典演绎背景颜色*/
#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: 13px; 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 -114px; top: 0; }
.show-btn.btn-pre:hover{ background-position: 0 0; }
.show-btn.btn-next{ background-position: 0 -76px; 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: 39px; 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; }

/*分享*/
.share{
    position: fixed; right: 0; bottom: 150px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0) - 150));
}
.share .back-top,
.share .webchat{ display: block; }
.share .back-top{ width: 36px; height: 36px; background-position: left 0; }
#bdshare-right{ width: 36px; height: 76px; background-position: left -50px; margin-top: 10px; text-align: center; }
#bdshare-right a{ display: inline-block; font-size: 18px; letter-spacing: 1px; padding-top: 12px; }
.share .webchat{ width: 36px; height: 129px; background-position: left -140px; margin-top: 10px; font-size: 18px; text-align: center; letter-spacing: 1px; padding-top: 10px; position: relative; _height: 139px; _padding-top: 0; }
.share .webchat i{ display: none; width: 142px; height: 142px; border-width: 3px;border-style:  solid; position: absolute; top: 0; left: -148px; _filter: alpha(opacity=0); }
.share .webchat:hover i{ display: block; _filter: alpha(opacity=100); }
*html{ background-image: url(about: blank); background-attachment: fixed; }