@charset "UTF-8";


body{background: #faf4e9; min-width: 980px;font-family:"microsoft yahei"; _font-size: 16px; cursor: default;}
.header{background: url(../images/vol_13/header.jpg) no-repeat center top;height: 418px;margin-top:83px;}

.main{width: 980px;margin: 20px auto 0;}
.section{background-color: #ffffff;}
.title{height: 56px;background-repeat: no-repeat;background-position: center;position: relative;top: -10px;}
.title a{position: absolute;font-size: 14px;color: #ba0c22; line-height: 1;right: 30px;top: 50%;}

.period{border:6px solid #f1e2c8; width: 968px; height: 460px; margin-top: 10px;}
.period .title{background-image: url(../images/vol_13/title-01.png);top: -12px;}

.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 .left .title{background-image: url(../images/vol_13/title-02.png);}
.container .right .title{background-image: url(../images/vol_13/title-03.png);}
.container .node{width: 53px; height: 13px;background: url(../images/vol_13/node.png) no-repeat center; position: absolute; left: 553px;}
.container .node.top{top: 27px;}
.container .node.bottom{bottom:20px;}

.scroll-wrap{margin-top: 30px;}
.scroll-wrap .title{background-image: url(../images/vol_13/title-04.png);}

.comment{margin-top: 30px; padding-bottom: 30px;}
.comment .title{background-image: url(../images/vol_13/title-05.png);}

#footer_link_info.wrap{padding-top: 30px;}
#footer_link_info p,
#footer_link_info p a{color: #ba0c22;}

.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;color: #5e0f00;line-height: 20px; text-indent: 2em; margin-bottom: 20px;height: 100px;}
.period .period-content dl dt.content-title{font-size: 20px;color: #ba0c22;}
.period .period-content dl dt.sub-content-title{font-size: 18px;color: #5e0f00;margin:13px 0 11px; font-weight: bold;}
.period .period-content dl dt.sub-content-title a{display: block;color: #5e0f00; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.period .period-content dl dt.sub-content-title a:hover{color: #ba0c22;}
.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;color: #f54845; 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%;
	color: #f2264f;line-height: 38px; text-align:center;}
.period .period-content .middle ol li a:hover{color: #a41834;}
.period .period-content .middle .get-more{display: block;width: 118px;height: 37px;line-height: 37px;text-align: center;overflow: hidden;
	background: url(../images/vol_13/get-more.png) no-repeat center;margin:0 auto;color: #fffde0;font-size: 14px; margin-top: 25px;}
.period .period-content .middle .get-more:hover{color: #76011c;}
.period .period-content .left{left: 20px;}
.period .period-content .right{right: 20px;}

/*视频*/
#video-player{background: #ffffff; 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{}
#party-list #list-container ul li a{width: 350px;display: inline-block; color: #5e0f00; line-height: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
background: url(../images/vol_13/tip.png) no-repeat left center; padding-left: 20px;}
#party-list #list-container ul li a:hover{color: #f2264f;background-image: url(../images/vol_13/hover-tip.png);}
/*推荐列表*/
#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:3px solid #ffffff;}
#history-list #list-box ul a:hover{border-color: #f9958c;}
#history-list #list-box ul a img{display: block;width: 100%;height: 100%;}
.show-btn{background: url(../images/vol_13/show-btn.png) no-repeat center; 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;/*overflow:hidden;*/background: #98938f;}
#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;
	background:url(../images/vol_13/btn.png) no-repeat; 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-btn{background: url(../images/vol_13/share-btn.png) no-repeat;}
.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; color: #fff;font-size: 18px; letter-spacing: 1px; padding-top: 12px;}
.share .webchat{width: 36px; height: 129px; background-position: left -140px; margin-top: 10px; color: #fff;font-size: 18px; text-align: center;
	letter-spacing: 1px; padding-top: 10px; position: relative; _height:139px; _padding-top: 0;
}
.share .webchat i{display: none;background:url(../images/vol_13/qr-code.png) no-repeat center; width: 142px;height: 142px; border:3px solid #f97196;
 position: absolute;top: 0;left: -148px; _filter: alpha(opacity=0);}
.share .webchat:hover{*zoom: 1; _color: #fff;}
.share .webchat:hover i{display: block; _filter: alpha(opacity=100);}

*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}