/*movie新样式*/
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*主体内容*/
.video-wrap{width: 100%;height: 610px;background-color: #222;}
.video-ttl{font-size: 24px;color: #fff;line-height: 32px;margin: 15px 0;}
.video-content-fl{width: 860px;}
.video-content-fl .video{width: 860px;height: 483px;background-color: #000;position: relative;}
.video-content-fl .video-change{display:block;width:20px;height:50px;text-align:center;line-height:50px;color:#999;position: absolute;right:-20px;top: 50%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;cursor: pointer;
	background-color:#444;/*兼容ie8*/
	background: -webkit-linear-gradient(left,#333,#666);
	background:    -moz-linear-gradient(right,#333,#666);
	background:      -o-linear-gradient(right,#333,#666);
	background:         linear-gradient(to right,#333,#666);}
.video-content-fl .bottom{width: 860px;height: 44px;background-color: #333;}
.video-content-fl .bottom li{float: left;color: #999;cursor: default;line-height: 44px;margin-left: 20px;position: relative;}
.video-content-fl .bottom li.collect-btn{cursor: pointer;}
.video-content-fl .bottom li:hover{color: #B38A00;}
.video-content-fl .bottom li:hover .video-bottom-more{display: block;}
.video-content-fl .bottom-amount{color: #999;line-height: 44px;margin-right: 20px;}
.video-content-fl .video-bottom-more{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:10px;position: absolute;top: 44px;display: none;}
.video-content-fl .video-bottom-more-1{width:185px;height:185px;left:-66px;text-align: center;padding-top: 20px;}
.video-content-fl .video-bottom-more-1 p{margin-top: 10px;}
.video-content-fl .video-bottom-more-2{width:540px;height:240px;left:-88px;padding: 20px;}
.video-content-fl .video-bottom-more-2 .code{width:30%;margin-top: 20px;text-align: center;}
.video-content-fl .video-bottom-more-2 .code img{width: 122px;height: 122px;}
.video-content-fl .video-bottom-more-2 .code p{margin-top: 10px;}
.video-content-fl .video-bottom-more-2 .copy{width: 70%;}
.video-content-fl .video-bottom-more-2 .copy p{margin-top: 20px;}
.video-copy{margin-top: 10px;}
.video-copy input{width: 210px;height: 40px;line-height:40px;background-color: #f2f2f2;padding: 0 10px; }
.video-copy a{display:block;width: 120px;height: 40px;text-align:center;line-height:40px;background-color: #B38A00; color: #fff;}
.video-content-fl .video-bottom-more-3{width:375px;height:195px;left:-156px;padding: 20px;}
.video-content-fl .video-bottom-more-3 .code{width: 40%;margin-top: 10px;}
.video-content-fl .video-bottom-more-3 .code img{width: 122px;height: 122px;}
.video-content-fl .video-bottom-more-3 .copy{width: 60%;margin-top: 10px;}
.video-bottom-more-3 p.ttl{font-size: 16px;color: #333;}
.video-bottom-more-3 p.text-gold{color: #B38A00;}
.video-bottom-more-3 p.noapp{margin-top: 40px;}
.video-bottom-more-3 p.noapp a{color: #B38A00;}
.video-content-fl .video-bottom-more-4{width:670px;height:190px;left:-238px;padding: 20px;}
.video-content-fl .video-bottom-more-4 p{margin-bottom: 10px;}
.video-content-fl .video-bottom-more-4 .img-wrap{margin-right: -20px;}
.video-content-fl .video-bottom-more-4 .img{width:110px;height: 70px;margin-right: 20px;}
.video-content-fl .video-bottom-more-4 img{width: 100%;height: 100%;}
.video-content-fl .video-bottom-more-4 .btn-wrap{text-align: right;}
.video-content-fl .video-bottom-more-4 .btn{display:inline-block;padding: 0 15px;height: 30px;line-height:28px;background-color: #B38A00;color: #fff;margin-top: 15px;}
.video-content-fl .video-bottom-more::before{    
	content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%); 
	display: block;
    width:0;
    height:0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    }
.video-content-fl .video-bottom-more-2::before{margin-left: -155px;}
.video-content-fl .video-bottom-more-4::before{margin-left: -56px;}
.video-content-fr{width: 340px;height: 527px;background-color: #333;padding: 20px 30px;padding-right: 0;}
.video-content-ttl{padding-right: 30px;}
.video-content-ttl .fl{font-size: 18px;color: #fff;}
.video-content-ttl .fr{color: #999;cursor: pointer;}
.video-content-ttl .fr i.iconcheck-circle-fill{color: #B38A00;}
.video-content-list{width:300px;height:457px;overflow-y: auto;overflow-x: hidden;margin-top: 10px;}
/*滚动条整体样式(高宽分别对应横竖滚动条的尺寸)*/
.video-content-list::-webkit-scrollbar{width: 4px;height: 1px;}
/*滚动条里面小方块*/
.video-content-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #686868;}
/*滚动条里面轨道*/
.video-content-list::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #333;*/}
.video-content-list ul{width:300px;/*height:457px;*/}
.video-content-list li.active .img{border: 2px solid #B38A00;}
.video-content-list li.active img{width: 106px;height: 66px;}
.video-content-list li.active .txt p{color: #B38A00;}
.video-content-list li{width:300px;height:70px;margin-bottom: 10px;cursor: pointer;}
.video-content-list .img{width: 110px;height: 70px;border-radius:3px;position: relative;}
.video-content-list .img img{width: 110px;height: 70px;border-radius:3px;position: absolute;top: 0;left: 0;}
.video-content-list .img span{display: block;padding:0 7px;background-color:#333;/*兼容ie8*/background-color:rgba(0,0,0,.7);color:#fff;border-radius:10px;position: absolute;bottom: 5px;right: 5px;font-size: 12px;}
.video-content-list .txt{width: 170px;margin-left: 10px;}
.video-content-list .txt p{color: #999;margin-bottom: 10px;}
.video-content-list .txt span{color: #666;font-size: 12px;}

/*评论*/
.comment-wrap{background-color: #f5f5f5;padding-bottom: 40px;}
.comment-wrap-fl{margin-top: 30px;}
.comment-wrap-fl .comment{width: 860px;height: auto;background-color: #fff;margin-top: 20px;padding: 20px;}
.comment-banner{width: 860px;height: 150px;}
.comment-banner img{width: 860px;height: 150px;}
.comment-btn{width: 313px;background-color: #fff;margin-top: 30px;padding: 15px;}
.comment-btn a.btn{width:100%;height: 36px;line-height: 36px;color: #fff;padding: 0;}
.comment-btn a.btn.gold{background-color: #C09100;}
.comment-btn a.btn.gold:hover{background-color: #B38A00;}
.comment-btn a.btn.red{background-color: #c20001;}
.comment-btn a.btn.red:hover{background-color: #8f0001;}
.comment-introduce{width: 313px;background-color: #fff;margin-top: 20px;padding: 15px;}
.comment-introduce .img{width: 283px;height: 180px;}
.comment-introduce .img img{width: 283px;height: 180px;}
.comment-introduce .ttl{font-size: 16px;color: #333;margin-top: 15px;}
.comment-introduce ul{margin-top: 20px;}
.comment-introduce li{border-bottom: 1px solid #ddd;color: #999;padding: 10px 0;}
.comment-introduce li:last-child{border-bottom: 1px solid transparent;padding-bottom: 0;}
.comment-introduce li .first{color: #333;margin-right: 10px;}