@charset "utf-8";

.showvideo .nav-pinupbox{height: 50px;}

.videobox{background: #000 url(bg.jpg); padding: 10px 0 30px 0; color: #999999;}
.videobox a{color: #999999;}
.videobox a:hover{color: #fff;}
.videobox .topad{margin: 0 auto;}

.position{ height: 40px; line-height: 40px; background: #242424; padding: 0 10px; margin: 10px auto;}
.position:before{font-family: "iconfont"; content: "\e6b8"; margin-right: 3px;}

/* 视频播放区域 */
.video-player{ width: 750px; background: #1b1b1b; margin-right: 10px;}
.video-player-hd{ padding: 20px 20px 10px 20px;}
.video-player h1{ font-size: 18px; color: #d2d2d2;}
.video-player hr{background:none; border: none; height: 0px; clear: both; border-top: 1px #000 solid; border-bottom: 1px #242424 solid; margin: 15px auto 5px auto;}
.video-player-hd .user-info{line-height: 25px;}
.video-player .player{width: 750px; height: 475px; position: relative; overflow: hidden; background: #000;}
.tags-views{margin: 10px auto;}
.tags-videos { width: 550px; height: 30px; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tags-videos a{background: #313131; border: 1px #3c3c3c solid; padding: 3px 5px; border-radius: 3px; margin: 0 1px;}
.praise-trample span{padding: 3px 5px; border-radius: 3px;}
.praise-trample .ico-praise{ background: #a20a17; color: #fff;}
.praise-trample .ico-trample{ background: #565656;}
.player-tools{ margin-left: 15px;}
.player-tools a{ background: #313131; border:1px #3c3c3c solid; padding: 5px 8px; border-radius: 3px; margin: 0 1px;}
.player-foot {padding: 20px 20px 10px 20px;}

/* 线路选择 */
.choose-player-line{ padding: 10px 0 5px 0;}
.player-line-list{float: left;}
.player-line-list li{float: left;}
.player-line-list li a{ background: #313131; border:1px #3c3c3c solid; padding: 5px 8px; border-radius: 3px; margin: 0 3px; transition: all .5s;}
.player-line-list .active a,.player-line-list li a:hover{ background: #990253; border-color: #990253; color: #fff; transition: all .5s;}

/* 播放器弹层 */
.player-message-box{ position:relative; width: 100%; height: 100%; background: rgba(0,0,0,.7); left: 0; top: 0;}
.player-message{position: absolute; width: 400px; height: 250px; text-align: center; padding: 20px; box-sizing: border-box; background:rgba(0,0,0,.8); left: 50%; margin-left: -200px; top: 50%; margin-top: -125px; color: #fff; border: 3px #d50072 solid; border-radius: 10px;}
/*.player-message:before{font-family: "iconfont"; content: "\e6d4"; display: block; font-size: 70px; line-height: 80px; color: #d50072;}*/
.player-message .fa-warning{ display: block; font-size: 70px;color: #d50072; margin-bottom: 10px;}
.tips-btnbox{ padding: 20px 0 10px 17px;}
.tips-btnbox li{ float: left; width: 100px; height: 40px; text-align: center; line-height: 40px; margin-right: 10px;}
.tips-btnbox li a{display: block; width: 100%; height: 100%; border-radius: 5px; background: #d50072; color: #fff; transition: .5s;}
.tips-btnbox li a:hover{background: #f40; transition: .5s;}

/* 用户推广 */
.tuiguang-box{ border: 1px #eee solid; background: #f7f7f7;  padding: 10px; border-radius: 3px;}
.tuiguang-box span{color: #f00; margin: 0 5px;}
.tuiguang-input{ width: 850px; border: 1px #d50072 solid;height: 40px; padding: 0 10px;border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.tuiguang-copybtn{ border: none;background: #d50072;color: #fff; line-height: 40px;padding: 0 15px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; cursor: pointer;}
.tuiguang-link-box{margin: 8px auto;}
.tuiguang-link-box span{line-height: 40px;}

/* 评论 */
.form-control{ border: 1px #ff4400 solid; width: 100%; border-radius: 5px; box-sizing: border-box; padding: 10px; font-family: "微软雅黑"; box-shadow:5px 5px 5px #eee inset; }
.comment-textarea{ width: 100%; height: 80px; position: relative; margin-bottom: 5px;}
.comment-textarea .form-control{ width: 100%; height: 80px;}
.comment-textarea .comment-textarea-info{width: 100%; height: 80px; line-height: 80px; text-align: center; position: absolute; left: 0; top: 0;}
.comment-textarea textarea:disabled{background: #f7f7f7;}
a.comment-btn{display: block; width: 150px; height: 50px; background: #ff4400; color: #fff; text-align: center; line-height: 50px; border-radius: 5px; transition: .5s;}
a.comment-btn:before{font-family: "iconfont"; content: "\e697"; margin-right: 5px; font-size: 22px;}
a:hover.comment-btn{background: #ff6600; transition: .5s;}
.comment-list-hd{ height: 40px; line-height: 40px; border-bottom: 1px #ff4400 solid;}
.comment-list-title{border: 1px #ff4400 solid; border-bottom: 1px #fff solid; padding: 0 25px; line-height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.comment-list-message{clear: both; padding: 10px 0; border-bottom: 1px #dcdcdc dotted; transition: .5s;}
.comment-list-message:hover{background: #f8f8f8; transition: .5s;}
.comment-list-info{word-wrap: break-word;}
.userpic{ border-radius: 50%; overflow: hidden; margin-right: 20px;}
.userpic80{width: 80px; height: 80px;}
.userpic60{width: 60px; height: 60px;}
.userpic50{width: 50px; height: 50px;}
.userpic img{width: 100%; height: 100%;}
.comment-list-info span {margin-right:10px;}
.comment-list-info p{ padding: 10px 0;}
.comment-praise-trample{margin-right: 10px;}
.user-level{border: 1px #ff4400 solid; line-height: 20px; border-radius: 10px; padding: 0 10px 0 25px; position: relative;}
.user-level i{display: block; width: 26px; height: 26px; float: left; background: #ff4400; position: absolute; left: -5px; top:-3px; border-radius: 50%; color: #fff; font-style:normal; text-align: center; line-height: 26px;}
a.lodingmore-comment{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f7f7f7; border: 1px #eee solid;border-radius: 5px; transition: .5s; margin: 10px 0;}
a:hover.lodingmore-comment{background: #ff6600; border-color: #ff6600; color: #fff; transition: .5s;}

/* tabs */
.show-tabs-menu{border-bottom: 2px #eee solid; height: 40px;}
.show-tabs-menu li{ width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px #eee solid;float: left;}
.show-tabs-menu li.active{background: #ff4400; margin-bottom: -2px; border: 1px #ff4400 solid; }
.show-tabs-menu li.active a{color: #fff;}
.video-screenshots{}
.video-screenshots-list li{ width: 280px; float: left; margin: 0 26px 20px 0; border: 1px #eee solid;}
.tooltip{position: absolute;top:2px;left:2px;}