@charset "UTF-8";

body{font-family: "Microsoft YaHei"; background: #d8d8e4 url(../images/vol17/body_bg.jpg) no-repeat center 33px;}
.container{width: 930px;margin: 0 auto}


.head{overflow: auto;zoom: 1;}
.head-title{background: url(../images/vol17/head-title-bg.png) no-repeat 10px 3px;color: #302f2f;font-size: 17px;line-height: 30px; text-indent: 2em;width: 580px; margin-top: 521px;float: left;}
.head-icon{float: right;background: url(../images/vol17/head-icon-bg.png) no-repeat; width: 304px; height: 257px;margin-top: 361px; color: #cb4d5c;font-size: 13px;padding: 17px 8px 0;}
.head-icon li{float: left;}
.head-icon .icon-item-play a{display: block; background: url(../images/vol17/play-icon.png) no-repeat center top;width: 101px;height: 82px;}
.head-icon .icon-item-share div{display: block;background: url(../images/vol17/share-icon.png) no-repeat center top;width: 101px;height: 82px;}
.head-icon .icon-item-comment a{display: block;background: url(../images/vol17/comment-icon.png) no-repeat center top;width: 101px;height: 82px;}
.head-icon .icon-item-down a{display: block;width: 152px;height: 94px;margin-top: 20px;}
.head-icon .icon-item-focus a{display: block;width: 152px;height: 94px; margin-top: 20px;}
.head-icon .icon-item-down a .dowm-load, .head-icon .icon-item-focus a .focus-on{display: block;width: 94px;height: 94px;margin:0 auto;}
.head-icon .icon-item-play a:hover{background-image: url(../images/vol17/play-icon-hover.png);}
.head-icon .icon-item-share div:hover{background-image: url(../images/vol17/share-icon-hover.png);}
.head-icon .icon-item-comment a:hover{background-image: url(../images/vol17/comment-icon-hover.png);}

.head-icon li p {text-align: center; line-height: 27px;}
/*.head-icon li p:hover {color:#f2b532;}*/



.video{overflow: auto; zoom: 1; margin-top: 25px;}
.video-iframe{height: 387px; width: 600px; background: #ccc3d8;}

/*左右结构视频*/
/*.video .video-left{width: 740px; height: 705px; padding-top: 25px; margin: 8px 0 8px 5px;_margin-left: 2px; float: left; position: relative;background: #f2d390 url(../images/vol17/video-content-bg.png) no-repeat -120px 470px;}
.video .video-left .left-top-corner{position: absolute;top: -8px; left: -5px;width: 49px; height: 48px;background: url(../images/vol17/video-left-top.png) no-repeat left top;}
.video .video-left .video-iframe {margin-left: 70px;}
.video .video-left .video-title{background: url(../images/vol17/bang-bg.png) no-repeat;height: 119px;margin: 0 50px;margin-top: 12px;}
.video .video-left .video-title .video-title-word{display: block;margin-left: 110px; line-height: 119px;border-left:1px solid #b8a16e; padding-left: 40px;color: #3f1405;font-size: 24px;}
.video .video-left .video-description{border-top:1px solid #80704c; margin: 20px 50px 0; font-size: 18px; line-height: 36px; text-indent: 2em; padding-top: 10px;}

.video .video-right{width:180px; height: 730px;margin: 8px 5px 8px 0;_margin-right: 3px; float: right; position: relative;background: #f6dca4 url(../images/vol17/video-right-content-bg.png) no-repeat -110px -55px;}
.video .video-right .right-bottom-corner{position: absolute;bottom: -8px; right: -5px;width: 49px; height: 48px;background: url(../images/vol17/video-right-bottom.png) no-repeat right bottom;}
.video .video-right .song-name-1{background: url(../images/vol17/song-name-1.png) no-repeat; width: 116px; height: 349px;position: absolute;top: 171px; right: 30px;}
.video .video-right .author-name-1{background: url(../images/vol17/author-name-1.png) no-repeat; width: 48px; height: 200px;position: absolute;top: 344px; right: 105px;}
.video .video-right .song-name-2{background: url(../images/vol17/song-name-2.png) no-repeat; width: 113px; height: 297px;position: absolute;top: 171px; right: 30px;}
.video .video-right .author-name-2{background: url(../images/vol17/author-name-2.png) no-repeat; width: 46px; height: 200px;position: absolute;top: 344px; right: 105px;}*/




/*上下结构的视频——————————使用类vertical标识*/
.video.vertical .video-top{height: 135px; background: #e6dfef url(../images/vol17/video-top-bg.png) no-repeat 660px -120px;position: relative; margin: 8px 5px 0;}
.video.vertical .video-top .left-top-corner{position: absolute; top: -8px; left: -5px;background: url(../images/vol17/video-left-top.png) no-repeat left top;width: 49px; height: 48px;}

.video.vertical .video-top .song-name-1{background: url(../images/vol17/song-name-1.png) no-repeat; width: 158px; height: 83px;position: absolute;top: 30px; left: 50px;}
.video.vertical .video-top .author-name-1{background: url(../images/vol17/author-name-1.png) no-repeat; width: 164px; height: 31px;position: absolute;top: 85px; left: 210px;}

.video.vertical .video-top .song-name-2{background: url(../images/vol17/song-name-2.png) no-repeat; width: 696px; height: 36px;position: absolute;top: 25px; left: 50px;}
.video.vertical .video-top .author-name-2{background: url(../images/vol17/author-name-2.png) no-repeat; width: 218px; height: 37px;position: absolute;top: 80px; left: 50px;}

.video.vertical .video-top .song-name-3{background: url(../images/vol17/song-name-3.png) no-repeat;width: 841px; height: 28px;position: absolute; top: 25px; left: 50px;}
.video.vertical .video-top .author-name-3{background: url(../images/vol17/author-name-3.png) no-repeat;width: 218px; height: 34px;position: absolute;top: 80px; left:50px;}

.video.vertical .video-top .song-name-4{background: url(../images/vol17/song-name-4.png) no-repeat;width: 380px; height: 31px;position: absolute; top: 25px; left: 50px;}
.video.vertical .video-top .author-name-4{background: url(../images/vol17/author-name-4.png) no-repeat;width: 218px; height: 39px;position: absolute;top: 80px; left:50px;}

.video.vertical .video-top .song-name-5{background: url(../images/vol17/song-name-5.png) no-repeat;width: 430px; height: 36px;position: absolute; top: 25px; left: 50px;}
.video.vertical .video-top .author-name-5{background: url(../images/vol17/author-name-5.png) no-repeat;width: 218px; height: 34px;position: absolute;top: 80px; left:50px;}

.video.vertical .video-top .song-name-6{background: url(../images/vol17/song-name-6.png) no-repeat;width: 353px; height: 41px;position: absolute; top: 25px; left: 50px;}
.video.vertical .video-top .author-name-6{background: url(../images/vol17/author-name-6.png) no-repeat;width: 218px; height: 35px;position: absolute;top: 80px; left:50px;}


.video.vertical .video-bottom{position: relative; height: 582px;padding-top: 25px; margin:0 5px 8px; background:#ccc3d8 url(../images/vol17/video-content-bg.png) no-repeat -120px 285px;}
.video.vertical .video-bottom .video-iframe{margin-left: 30px;}
.video.vertical .video-bottom .video-title{width: 232px;position: absolute;top: 25px; right: 20px;background: url(../images/vol17/bang-bg.png) no-repeat center top; height: 197px; border-bottom:1px solid #9b875c; padding-top: 145px;font-size: 20px; line-height: 35px;}
.video.vertical .video-bottom .video-title .video-title-word{  margin: 0 24px;display: inline-block;}
.video.vertical .video-bottom .video-description{  font-size: 18px; line-height: 36px; text-indent: 2em;margin:20px 45px 0;}
.video.vertical .video-bottom .right-bottom-corner{position: absolute;bottom: -8px; right: -5px;width: 49px; height: 48px;background: url(../images/vol17/video-right-bottom.png) no-repeat right bottom;}
.video.vertical .video-bottom .vertical-line {width: 1px;height: 370px;background: #80704c;overflow: hidden;position: absolute;top: 15px;right: 260px;}


.recommed{margin-top: 25px;}
.recommed .recommed-top{background: url(../images/vol17/recommend-top.jpg) no-repeat; height: 60px;position: relative;}
.recommed .recommed-top .more-link{display: block;color: #432f02; font-size: 22px;position: absolute;top: 35px; right: 82px;}
.recommed .recommed-top .more-link:hover{text-decoration: underline;}
.recommed .recommed-top .more-link .caret{display: inline-block;width: 0;height: 0;border:6px solid #432f02; border-top-color: transparent;border-bottom-color: transparent;border-right: none;margin-left: 6px; vertical-align: middle;
	_border-top-style:dashed;_border-bottom-style: dashed;_overflow:hidden;}

.recommed .recommed-dl{background: url(../images/vol17/recommend-dl.jpg) repeat-y;overflow: auto; zoom: 1; padding-left: 76px; padding-top: 20px;}
.recommed .recommed-dl dl {float: left;margin-right: 20px; margin-top: 15px;}
.recommed .recommed-dl dl dt .img-link {display: block; border:2px solid #ccc3d8; width: 240px; height: 134px;}
.recommed .recommed-dl dl dt .img-link:hover {border:2px solid #5f517d;}
.recommed .recommed-dl dl dt .img-link img{display: block;width: 240px; height: 134px;background: #fff;}
.recommed .recommed-dl dl dd {text-align: center;font-size: 20px; line-height: 30px;}
.recommed .recommed-dl dl dd .word-link{display: inline-block; color: #ffffff;width:244px; overflow: hidden;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.recommed .recommed-dl dl dd .word-link:hover{color: #5f517d;}
.recommed .recommed-bottom{background: url(../images/vol17/recommend-bottom.jpg) no-repeat; height: 69px; margin-top: -20px; *margin-top: -5px;}

.comment{margin-top: 25px;}
.comment .comment-top{background:url(../images/vol17/comment-top.jpg) no-repeat; height: 79px;}
#vv_comment{background: url(../images/vol17/recommend-dl.jpg) repeat-y;padding: 0 40px;}
.comment .comment-bottom{background: url(../images/vol17/recommend-bottom.jpg) no-repeat; height: 69px;}

/*footer*/
.wrap{margin-top: 25px;}
#footer_link_info p, #footer_link_info p a{color: #68370a;}