@charset "utf-8";
.video_module{ background:#f0f0f0;}
.video_module .addBg{ background:#fff; overflow:hidden; margin-top: 10px;}
.video_module .spe_bd{ border-bottom:1px solid #bcbcbc; margin:12px 8px;}
.video_module .spe_bd h3{ border-bottom:2px solid #2fa2e3; margin-bottom:-1px; display:inline-block; *display:inline;zoom: 1;padding-bottom: 7px; font-size: 18px; color:#2fa2e3; padding:0 10px 7px 10px}
.video_module .box{ position:relative; width:1172px;}
.video_module .bd { text-indent:68px;}
.video_module .bd .spe_img{ text-align:center; width:68px; position:absolute; left:0; top:0; line-height:50px; display:table-cell; vertical-align:middle; *display:block; *font-size:43.65px; *font-family:"Arial"; text-indent:0; text-align:center}
.video_module .bd span a{ margin-left:20px;font-size: 12px;}
.video_module .bd .spe_img img{ vertical-align:middle}
.video_module .L{ float:left; width:843px;}
.video_module .L1{ margin-left:10px; background:#fff ;padding-left: 11px;padding-right: 11px; overflow:hidden;margin-bottom: 10px;}
.video_module .L1 p.title{ display:block; border-bottom: 1px solid #dadada;font-size: 18px; color:#138ae6; line-height:34px; padding-top: 5px; height:38px;margin-bottom: 4px;}
.video_module .L1 p.title img{padding-right: 15px;}
.video_module .L1 .Lm{ float:left; width:539px;}
.video_module .L1 .Lm .rec_focus{ width:539px; height:303px; position:relative; margin-bottom:16px;}
.video_module .L1 .Lm .rec_focus img{ width:539px; height:303px;}
.video_module .L1 .Lm .rec_focus .cover{ position:absolute; left:0; bottom:0;z-index:1; width:100%}
.video_module .L1 .Lm .rec_focus .cover p{font-size: 18px; color:#ffffff; line-height:34px; text-indent:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.video_module .L1 .Lm .rec_focus .cover .bg{ position:absolute; left:0; height:100%; width:100%; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1}
.video_module .L1 .Lm ul li{ margin-bottom:2px;}
.video_module .L1 .Lm ul li a{ display:block; background:#c4e2f9; text-indent:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;font-size: 13px; color:#3f3f3f; line-height:44px;}
.video_module .L1 .Lm ul li a:hover{ background:#60baff;}
.video_module .L1 .Rm{ float:right; width:265px;}
.video_module .L1 .Rm .list_video ul{ margin-bottom:-5px;}
.video_module .L1 .Rm .list_video ul li{ margin-bottom:11px;}
.video_module .L2{background:#fff;padding-top: 35px;padding-left: 10px;margin-bottom: 10px;}
.video_module .L2.spe{padding-top: 10px;}
.video_module .R{ width:306px; float:right}
.video_module .R .R1,.video_module .R .R2,.video_module .R .R3,.video_module .R .R4{ background:#fff; overflow:hidden;margin-top: 10px;}


.video_module .R .blue_bd{height:50px; line-height:50px; background:#138ae6;margin-top: 9px;}
.video_module .R .blue_bd h2{ font-size:16px; text-indent:20px; color:#fff}
.video_module .R .yellow_bd{height:50px; line-height:50px; background:#ffd71e;margin-top: 9px;}
.video_module .R .yellow_bd h2{ font-size:16px; text-indent:20px; color:#1e1e1e}
.video_module .R .red_txt{ background:#fff; padding-top: 10px; margin-bottom:10px;}
.video_module .R .red_txt ul li{ border-bottom: 1px solid #e5e5e5; position:relative; min-height:101px; _height:101px; padding-top: 40px;}
.video_module .R .red_txt .Match_title{ position:absolute; left:0; top: 0;}
.video_module .R .red_txt .Match_title h3{ background:#b3b5bf url(https://www.zhibo.tv/images/index/match_bg.png) right top no-repeat; height:20px; line-height:20px; text-indent:20px; color:#fff; font-size:12px; padding-right:28px;}
.video_module .R .red_txt .Match_title .live{ background:#6db027 url(https://www.zhibo.tv/images/index/match_live.png) right top no-repeat; padding-right: 56px;}
.video_module .R .red_txt ul li img{ width:50px; height:50px; display:block; margin:0 auto 5px; border:1px solid #e5e5e5; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.video_module .R .red_txt ul li{ font-size:0; text-align:center}
.video_module .R .red_txt ul li p{ display:inline-block;*display: inline; zoom: 1; vertical-align: top; width:85px;font-size: 14px; color:#202742; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}
.video_module .R .red_txt ul li .gclogo {width:auto;}
.video_module .R .red_txt ul li b{display:inline-block;*display: inline; zoom: 1; vertical-align: top; width:50px; text-align:center; color:#202742; font-size: 14px; height:49px; line-height:49px;}
.video_module .R .red_txt ul li .btn{ width:90%; position:absolute; bottom:10px; left:5%; background:#b00008; height:40px; line-height:40px; text-align:center; font-size: 16px; color:#fff; display:none;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.video_module .R .red_txt ul li .btn:hover{ background:#d7000a}
.video_module .R .red_txt ul li .btn a{ color:#fff; display:block; height:40px;}
.video_module .R .red_txt ul li .btn a.on{ background:#00991f}
.video_module .R .red_txt ul li:hover .btn{ display:block}
.video_module .R .red_bd{ background:#b00008; height:50px; line-height:50px;}
.video_module .R .red_bd h2{ font-size:16px; text-indent:20px; color:#fff }
.video_module .R .red_bd ul li{ float:left; margin-left:18px; margin-right:30px;font-size: 18px; color:#6f0003;cursor: pointer;}
.video_module .R .red_bd ul li.active{ color:#fff}
.video_module .R .txt_module{ background:#fff}
.video_module .R .txt_module .tab_select{ text-align:center;font-size: 0; margin:0 5px; border-bottom: 1px  solid #e5e5e5; padding:10px 0; overflow:hidden}
.video_module .R .txt_module .tab_select ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin:0 5px;font-size: 12px; color:#a3a3a3;cursor: pointer; padding:8px 14px; line-height:1; margin:0 10px; vertical-align:top}
.video_module .R .txt_module .tab_select ul li.on{ color:#fff; background:#b00008;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*视频列表*/
.list_video{ overflow:hidden}
.list_video ul {font-size: 0; position:relative; width:101%}
.list_video ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top;margin-bottom: 14px;margin-right: 12px; width:266px; position:relative}
.list_video ul .vip b.vip{ display:block; background:url(/images/new_index/vip.png) left top no-repeat; width:51px; height:16px; position:absolute; right:2px; top:2px; z-index:1}
.list_video ul li img{ width:266px; height:150px; border-radius: 5px;}
.list_video ul li p{ position:relative; font-size: 12px; line-height:26px; margin-right: 0}
.list_video ul li p em.title{ font-style:normal; display:block;white-space:nowrap; overflow:hidden;zoom: 1; text-overflow:ellipsis; color:#6a6a6a; width: auto;}
.list_video ul li:hover p em.title{ color:#138ae6}
.list_video ul li p s{ color:#138ae6; text-decoration:none; top:0; float: right; width: auto; padding-left: 10px; position: static}

/*排行榜列表*/
.top_list{overflow:hidden}
.top_list ul{ position:relative; margin-bottom:-1px; padding:0 8px;}
.top_list ul li{ border-bottom: 1px solid #dadada; padding-top:20px; padding-left:29px; height:45px; position:relative; vertical-align:top}
.top_list ul li i{ position:absolute; left:8px; bottom:11px; width:21px; height:21px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; display:block; background:#b00008;font-weight: 700; text-indent:5px; line-height:20px; color:#fff;font-size: 14px;}
.top_list ul li p{ font-size: 14px; color:#535353; padding-left:16px;display:inline-block; *display:inline;zoom: 1; vertical-align:bottom;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:182px;}
.top_list ul li .view{ position:absolute; right:0; bottom:14px;background:url(/images/video/cir.png) left center no-repeat; padding-left:15px; width:42px; overflow:hidden;font-size: 12px; color:#535353}
.top_list ul li .title{ }
.top_list ul li div{ padding-right:60px; overflow:hidden;zoom: 1;font-size: 0; white-space:nowrap; line-height:45px;}
.top_list ul li img{ width:0px; height:0px;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display:inline-block; *display:inline;zoom: 1; vertical-align:bottom; }
.top_list ul li.hover{ padding-top:8px; padding-left:27px; height:66px; padding-bottom:8px;}
.top_list ul li.hover i{ width:29px; height:29px; left:4px; bottom:8px; line-height:29px;font-size: 18px; text-indent:8px;}
.top_list ul li.hover p{ width:84px;}
.top_list ul li.hover img{ max-width:109px; max-height:61px; object-fit:cover}
.top_list ul li.hover div{ line-height:normal}
.top_list ul li.hover .view{ bottom:7px;}
.top_list ul.yellow i{ background:#ffd71e}
.top_list ul.yellow .view{ background-image:url(/images/video/cir2.png);}
/**/
.Anchor_video{ margin-left:10px; background:#fff; overflow:hidden;padding-top: 45px;}
.Anchor_video_tab{ border-bottom:1px solid #d1d1d1; position:relative; height:37px;margin-bottom: 10px; margin-left:20px; margin-right: 21px;}
.Anchor_video_tab ul li{ font-size: 16px; color:#000;cursor: pointer; padding:0 10px;display:inline-block; *display:inline;zoom: 1; vertical-align:top; line-height:36px; height:36px; margin:0 20px;}
.Anchor_video_tab ul li.on{border-bottom: 2px solid #138ae6; margin-bottom:-1px; position:relative; color:#138ae6}
.Anchor_video_tab .upload_btn{ position:absolute; right:0px; top:0; background:#138ae6; width:112px; height:30px;cursor: pointer; text-align:center; line-height:30px; font-size: 16px; color:#fff;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.Anchor_video_tab .upload_btn:hover{ background:#0065b6}
.Anchor_video .list_video{border-bottom: 1px solid #f2f2f2;}
.Anchor_video .list_video ul{ margin-left:20px; width:101%}
.Anchor_video .list_video ul li{margin-right: 25px;}
.pageModule{ text-align:right;font-size: 0;padding-top: 15px;padding-bottom: 15px;margin-right: 21px;}
.pageModule ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size: 16px; text-align:center; line-height:27px; padding-right:3px; overflow:hidden}
.pageModule ul li a{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:27px; height:27px; background:#138ae6;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; margin-left:2px; margin-right: 3px; color:#fff;}
.pageModule ul li a.on{ color:#aaa; border:1px solid #f2f2f2; width:25px; height:25px; line-height:25px; background:#fff;}
.pageModule ul li input{ width:78px; height:25px; border:1px solid #f2f2f2; line-height:25px; margin-left:2px;}
.pageModule ul li span{ display:block; width:27px; height:27px;cursor: pointer; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
{}
.pageModule ul li.jump {padding-right: 0;}
.pageModule ul li.prev span{background:#138ae6 url(/images/video/prev.png) center no-repeat; }
.pageModule ul li.next span{background:#138ae6 url(/images/video/next.png) center no-repeat;}
.pageModule ul li.jump span{background:#138ae6 url(/images/video/jump.png) center no-repeat;}
/*视频弹层*/
.upload_video_cover{ width:546px; height:546px; position:fixed; left:50%; top:50%; z-index:20; margin-left:-273px;margin-top:-273px; background:#fff; display:none}
.upload_video_cover em.title{ font-style:normal; display:block; text-indent:36px;font-size: 17px; height:50px; line-height:49px; background:#138ae6; color:#fff}
.upload_video_cover .close{ width:20px; height:20px; position:absolute; right:13px; cursor: pointer; top:15px; background:url(/images/video/close.png) center no-repeat}
.upload_video_cover p.war_txt{ font-size: 15px; color:#138ae6; padding:15px 30px;border-top: 1px solid #efefef;}
.upload_video_cover dt{ float:left; width:94px; text-align:right; font-size: 15px; color:#3f3f3f}
.upload_video_cover dd{ margin-left:107px; margin-bottom:14px; text-indent:0 !important}
.upload_video_cover dd input{ background:#e6e6e6; height:36px; line-height:36px; vertical-align:top; padding-left: 10px; width:262px;}
.upload_video_cover dd input.btn{ background:#138ae6; text-align:center; color:#fff;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; cursor: pointer; text-indent:0; width:114px; line-height:normal}
.upload_video_cover dd input.btn:hover{ background:#0065b6}
.upload_video_cover dd input.btn.spe{ width:386px;margin-top: 10px;}
.upload_video_cover dd input.spe{ width:386px;}
.upload_video_cover dl{ line-height:36px;margin-top: 24px;padding-bottom: 48px; position:relative;}
.upload_video_cover dl p.war{ position:absolute; color:#138ae6; bottom:12px; left:0; width:100%; text-align:center}
.upload_video_cover .select{ position:relative; width:180px; white-space:nowrap; z-index:1}
.upload_video_cover .select p{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:170px; background:#e6e6e6; line-height:36px; height:36px;padding-left: 10px;}
.upload_video_cover .select s{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:49px; height:36px; background:url(/images/video/selectbg.png) left center no-repeat; cursor: pointer; position:relative}
.upload_video_cover .select i{ background:url(https://www.zhibo.tv/images/triangle.png) left -8px no-repeat; display:block; width:16px; height:8px; top:50%; left:50%; margin-left:-10px; margin-top:-4px; position:absolute}
.upload_video_cover .select ul{ position:absolute; left:0; top:36px; width:178px; background:#fff; border:1px solid #e6e6e6; display:none; z-index:2;height:112px; overflow-x:hidden; overflow:auto}
.upload_video_cover .select ul li{cursor: pointer; text-indent:10px; line-height:28px;font-size: 14px;}
.upload_video_cover .select ul li:hover{ color:#138ae6; background:#e6e6e6}
.upload_video_cover .select.on{ z-index:3}
.upload_video_cover .select.on ul{ display:block; z-index:4}
.upload_video_cover .select.on i{ background-position: left top;}
.tools_content .list_video {padding-top: 25px;}
.tools_content .list_video ul li{ margin-left:34px; margin-right:0}
.tools_content .pageModule{ margin-left:34px; margin-right: 34px;border-top: 1px solid #e2e2e2;}
/**/
.video_play{ background:#303135;}
.video_play .box{ width:1172px; margin:0 auto; position:relative}
.video_play em.title{ font-style:normal; display:block; font-size:20px; color:#fff; height:57px; line-height:56px; background:none; text-indent:14px;}
.video_play .video_show_module{box-shadow:0 0 5px #1a284c; height:504px;}
.video_play .video_show{ width:808px; height:504px; background:#000; float:left}
.video_play .video_show .videoInfo{ background:#262930; height:50px; position:relative;}
.video_play .video_show .videoInfo:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.video_play .video_show .shareWay{float:left;font-size: 15px; padding-left:15px; color:#999;cursor: pointer;}
.video_play .video_show .shareWay > i{     
    background:url(https://images.zhibo.tv/2020/0921/new_share.png) left center no-repeat; padding-left:29px;
    font-style: normal; 
    line-height:50px; color: #999;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    background-size: 20px 20px;
}
.video_play .video_show .shareBox{ display:none; position:absolute; z-index:2; left:-20px; top:44px; background: #fafafa; padding: 10px; border-radius: 5px; border: 1px solid #e0e0e0}
.video_play .video_show .shareBox::before{ content: ''; position: absolute; top: -6px; left: 50%; border-bottom: 6px solid #e0e0e0; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: -6px;}

.video_play .video_show .shareBox::after{ content: ''; position: absolute; top: -5px; left: 50%; border-bottom: 6px solid #fafafa; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: -6px;}
.video_play .video_show .shareBox img{ width: 100px; height: 100px;}
.video_play .video_show .shareBox p{padding-top: 5px;font-size: 12px; color: #666}
.video_play .video_show .shareBox p span{ color: #138ae6;}
.video_play .video_show .shareWay:hover > .shareBox{ display: block;}

.video_play .video_show .videoInfo .videoVote{ float:right; color:#999}
.video_play .video_show .videoInfo .videoVote p{ 
    float:left; height:20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    margin-top: 15px;
}
.video_play .video_show .videoInfo .videoVote .playNum{ 
    background:url(https://images.zhibo.tv/2020/0921/new_playnum.png) left center no-repeat; 
    padding-left:26px;
    padding-right: 20px; 
    border-right:1px solid #373A41; 
    margin-right:20px;
    background-size: 20px 20px;
}
.video_play .video_show .videoInfo .videoVote .likeNum{ 
    background:url(https://images.zhibo.tv/2020/0921/new_collect.png) left center no-repeat; padding-left:26px; 
    padding-right:20px;
    cursor: pointer;
    background-size: 20px 20px;
}

.video_play .video_show .videoInfo .videoVote .likeNum.on{ 
    background:url(https://images.zhibo.tv/2020/0921/new_collect2.png) left center no-repeat;
    color: #FF4A4A;
    background-size: 20px 20px;
}
.video_play .video_show .videoInfo .videoVote .js-roomReport{ 
    cursor: pointer; 
    padding-left:20px; 
    border-left:1px solid #373A41;
    padding-right: 20px;
}
.video_play .video_show .videoInfo .videoVote .js-roomReport:hover{ 
    color:#FF4A4A;
}
/* 添加 */
.video_play .video_show .videoInfo .videoVote .likeNum:hover{ 
    background:url(https://images.zhibo.tv/2020/0921/new_collect2.png) left center no-repeat;
    color: #FF4A4A;
    background-size: 20px 20px;
}
.video_play .video_show .videoInfo .videoVote .playNum:hover{ 
    background:url(https://images.zhibo.tv/2020/0921/new_playnum2.png) left center no-repeat;
    color: #FF4A4A;
    background-size: 20px 20px;
}
.video_play .video_show .shareWay > i:hover{ 
    background:url(https://images.zhibo.tv/2020/0921/new_share2.png) left center no-repeat;
    background-size: 20px 20px;
    color: #FF4A4A;
    font-weight: 400;
}

.video_play .video_show #altContent{ width:100%; height:0; padding-bottom:56.25%; position:relative;background: #303135;}
.video_play .video_show #altContent > div{ position:absolute !important; width:100% !important; height:100% !important; left:0; top:0; padding:0 !important; margin:0 !important; text-align:center;font-size: 0;}
.video_play .video_show #altContent .option-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.4); color: #fff;  display: block; font-size: 0 }
.video_play .video_show #altContent .option-text::after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: -1;}
.video_play .video_show #altContent .option-text::before{ content: ''; width: 0; height: 100%; display: inline-block; *display: inline; zoom: 1; vertical-align: middle}
.video_play .video_show #altContent .option-text p.name{ font-size: 24px; color: #fff; text-align: center; width: 100%;display:inline-block; *display:inline;zoom: 1; vertical-align:middle}
.video_play .video_show #altContent .option-text .prompt-text{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%; text-align: center}
.video_play .video_show #altContent .option-text .prompt-text .text{ font-size: 14px; color: #ccc;}
.video_play .video_show #altContent .option-text .prompt-text .name{ font-size: 24px; margin: 5px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.video_play .video_show #altContent .option-text .prompt-text .btn{ position: relative; width: 50px; height: 50px; border-radius: 50%;  margin: 0 auto 10px; padding: 3px;}
.video_play .video_show #altContent .option-text .prompt-text .btn > p{background:rgba(255,255,255,0.2); height: 50px; border-radius: 50%; position: relative;cursor: pointer; z-index: 1;}
.video_play .video_show #altContent .option-text .prompt-text .btn > p::before{ content: ''; position: absolute; border-left: 18px solid #f7f7f7; border-top: 9px solid transparent; border-bottom: 9px solid transparent; top: 16px; left: 12px;}
.video_play .video_show #altContent .option-text .prompt-text .btn > p::after{ content: ''; position: absolute; top: 16px; width: 3px; height:18px; background: #f7f7f7; right: 12px;}

.video_play .video_show #altContent .option-text .prompt-text .btn .loading{ position:absolute ; left: 0; top: 0; width: 56px; height: 56px; overflow: hidden;}
.video_play .video_show #altContent .option-text .prompt-text .btn .loading > p{ display: block; width: 28px; height: 56px; position: absolute; top: 0; overflow: hidden; }
.video_play .video_show #altContent .option-text .prompt-text .btn .loading > p > span{display: block; width: 28px; height: 56px; position: absolute; top: 0; overflow: hidden;}
.video_play .video_show #altContent .option-text .prompt-text .btn .before{ left: 0; }
.video_play .video_show #altContent .option-text .prompt-text .btn .before span:before{ content: ''; position: absolute; width: 56px; height: 56px; border-radius: 50%; left: 0; top: 0; box-sizing: border-box; border:3px solid #fff;}
.video_play .video_show #altContent .option-text .prompt-text .btn .before span{transform: rotate(0deg);transform-origin: right center;}

.video_play .video_show #altContent .option-text .prompt-text .btn .after{right: 0;}
.video_play .video_show #altContent .option-text .prompt-text .btn .after span:before{ content: ''; position: absolute; width: 56px; height: 56px; border-radius: 50%; right: 0; top: 0; box-sizing: border-box; border:3px solid #fff;}
.video_play .video_show #altContent .option-text .prompt-text .btn .after span{transform: rotate(0deg);transform-origin: left center;}
.video_play .video_show #altContent .option-text .prompt-text .cancel{ font-size: 14px; color: #ccc;}
.video_play .video_show #altContent .video-js .vjs-tech{ position:static; width:auto; height:auto; max-height:100%; max-width:100%; display:inline-block; *display:inline;zoom: 1;}
.video_play .video_concerned{ width:364px; float:right; height:504px; overflow:hidden; background:#000000}
.video_play .video_concerned .tab{ height:51px; background:#131313; text-align:center; font-size: 0;}
.video_play .video_concerned .tab ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; padding:0 30px; margin:0 30px;cursor: pointer;font-size: 15px; color:#878787; line-height:44px;}
.video_play .video_concerned .tab ul li.on{ color:#fff;border-bottom: 3px solid #138ae6;}
.video_play .video_concerned .mCSB_inside > .mCSB_container{margin-right: 0;}
.video_play .video_concerned .mCSB_scrollTools{ width:6px;}
.video_play .video_concerned .list{ overflow:hidden; position:relative; height:450px}
.video_play .video_concerned .list ul li{ margin:0 1px 3px; cursor: pointer; padding:5px 8px; background:#000;font-size: 13px; color:#fff; overflow:hidden; vertical-align:top}
.video_play .video_concerned .list ul li.on{ background:#444;}
.video_play .video_concerned .list ul li.on dl dt{ color:#138ae6}
.video_play .video_concerned .list ul li .cover{ width:158px; float:left; height:88px; display:table-cell; line-height:88px; *display:block; *font-family:Arial; *font-size:76.824px; margin-right:16px; overflow:hidden}
.video_play .video_concerned .list ul li .cover img{ max-width:158px; vertical-align:middle; border-radius: 5px;}
.video_play .video_concerned .list ul li dl{ overflow:hidden;zoom: 1; display:block}
.video_play .video_concerned .list ul li dl dt{overflow:hidden;margin-bottom: 10px;margin-top: 5px; font-size: 13px; line-height:20px; height:40px; overflow:hidden}
.video_play .video_concerned .list ul li dl dd{font-size: 13px;}
.video_play .video_concerned .list ul li dl dd p{padding-top: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.video_play .video_concerned .list ul li dl dd p:first-child{ display:none}
.video_play .video_concerned .list ul li dl dd p img{ vertical-align:middle;margin-right: 5px;margin-bottom: 3px;}
.video_play .video_concerned .list ul li dl dd p i{font-style: normal; padding-left:20px; width:62px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666}
.video_play .video_concerned .list ul li dl dd p i.i1{ background:url(/images/video/icon6.png) left center no-repeat; float:left}
.video_play .video_concerned .list ul li dl dd p i.i2{ background:url(/images/video/icon7.png) left 70% no-repeat; float:right}
.video_play .video_concerned .list ul li.on dl dd p i{ color:#999}
.video_play .video_info{ height:62px; background:#fff; position:relative; border-bottom:1px solid #cfcfcf;margin-top: 25px;}
.video_play .video_info .user_head{ width:40px; height:40px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border:4px solid #ccc; vertical-align:middle;margin-right: 10px; float:left}
.video_play .video_info .L{ padding-right: 230px; font-size: 14px; color:#7d7d7d; height:48px; padding-top: 7px;}
.video_play .video_info .L dl{ overflow:hidden;zoom: 1; display:block; line-height:22px;}
.video_play .video_info .L dl.noDer dt{ line-height:48px;}
.video_play .video_info .L dl.noDer dd{ display:none}
.video_play .video_info .L dt{ white-space:nowrap;  width:100%; overflow:hidden; text-overflow:ellipsis;display:inline-block; *display:inline;zoom: 1; vertical-align:middle; line-height:26px; color:#333}
.video_play .video_info .L dd{font-size: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.video_play .video_info .L span.i1{ background:url(/images/video/icon8.png) left center no-repeat;padding-left: 25px;padding-right: 10px;}
.video_play .video_info .L span.i2{ background:url(/images/video/icon10.png) left center no-repeat;padding-left: 25px;cursor: pointer;}
.video_play .video_info .L span.i2:hover,.video_play .video_info .L span.i2.on{ background-image:url(/images/video/icon9.png);}
.video_play .video_info .R{ position:absolute; right:0; top:50%; white-space:nowrap; margin-top:-18px; line-height:36px;}
.video_play .video_info .R .fans{ color:#a0a0a0;font-size: 12px; padding-right: 10px; float:left}
.video_play .video_info .R .fans span{padding-right: 5px;}
.video_play .video_info .R .Subscribe{ width:90px; height:35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#138ae6; overflow:hidden; line-height:36px; color:#fff; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-align:center;cursor: pointer;}
.video_play .video_info .R .Subscribe:hover{ opacity:0.8}
.video_play .video_info .R .Subscribe.done{ background:#ccc}
.video_play .video_info .R .useAPP{ display:none;  position:relative; background:#fff; height:40px; padding-left:6px;}
.video_play .video_info .R .useAPP span{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size: 0.75em; color:#fff; text-align:center; padding:0px 10px; background:#138ae6;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:30px;line-height:30px;}
.video_play .video_info  .prompt_downAPP{ position:absolute; left:0; top:63px; border:1px solid #cfcfcf; background:#fff; width:100%; z-index:18; box-sizing:border-box; line-height:normal; display:none}
.video_play .video_info  .prompt_downAPP p{ text-align:center; margin:0 4%;font-size: 1em; color:#666; padding:5px 0}
.video_play .video_info  .prompt_downAPP .btn_group{ text-align:center; margin-bottom:5px;}
.video_play .video_info  .prompt_downAPP .btn_group .btn{ width:116px;display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin:0 15px; text-align:center; line-height:26px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.video_play .video_info  .prompt_downAPP .btn_group .jump{  background:#138ae6; color:#fff; padding:2px;}
.video_play .video_info  .prompt_downAPP .btn_group .jump a{ color:#fff; display:block;}
.video_play .video_info  .prompt_downAPP .btn_group .close{ border:2px solid #cfcfcf; color:#ccc}

.video_module .Anchor_list{ width:auto; background:#fff;0}
.video_module .Anchor_list .enter_area {margin-top: 0;}
.video_module .Anchor_list .mes_list{padding-bottom: 0;}
/**/
.mes_list_new .list{ margin-bottom:20px; height:307px; overflow:hidden; position:relative}
.mes_list_new ul{ margin: 0 50px;}
.mes_list_new li{ border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; position:relative; padding-left:32px; padding-top: 10px; padding-bottom:10px;}
.mes_list_new li.spe{ border-bottom: none;}
.mes_list_new li b{ background:url(https://www.zhibo.tv/images/user_center/user_icon.png) left -231px no-repeat; width:31px; height:35px; position:absolute; left:-16px; top:10px; display:block}
.mes_list_new li p.name{ font-size:14px; color:#000;font-weight: 700;}
.mes_list_new li p.text{ font-size:14px; color:#333; line-height:30px; padding-bottom:5px; word-break:break-all}
.mes_list_new li p.text img{ padding:0 1px;vertical-align:middle}
.mes_list_new li p.text img.js-picture{ display:block; max-width:90%; padding:5px 0;}
.mes_list_new li p.text a.attZB{ color:#FF0099;}
.mes_list_new li .other_info{ position:relative; font-size:12px;}
.mes_list_new li .other_info p{ right:0; top:0; position:absolute;  font-size:12px; color:#666666}
.mes_list_new li .other_info p em{font-weight: 400;font-style: normal;font-family:Simsun; padding:0 5px; color:#d5ccd5}
.mes_list_new li .other_info p span { cursor: pointer;}
.mes_list_new li .other_info .date{ color:#888484}
.mes_list_new li .other_info p span i{ font-style: normal; color:#ff0099;}
.mes_list_new li .reply{ background:#f8f8f8; border:1px solid #e8e8e8; padding:10px; font-size:12px; margin-bottom:10px;}
.mes_list_new li .reply p.name{ color:#f09; float:left;font-weight: 400; font-size:12px; padding-right:5px; line-height:30px;}
.mes_list_new li .reply p.text{ font-size:12px;}
/* 分享弹窗 */
.share-ibox{width:284px;padding: 15px 20px;background-color: #f7f7f7;border:1px solid #ccc;box-shadow:inset 0 1px 0 #ececec;z-index: 12;}
.share-ibox .arrow{position:absolute;top:-8px;left:50%;margin-left:-7px;width:14px;height:9px;background:url(/images/room-icons.png) -380px -780px no-repeat;}
.share-ibox .txt{ padding-bottom:10px;font-size: 14px; color:#333}
.share-ibox #bdshare {height: 32px;margin-bottom: 10px; float:none; margin-left:-10px;}
.share-ibox #bdshare a {display: block;float: left;width: 32px;height: 32px;margin-left: 10px;background-image: url(/images/room-icons.png);background-repeat: no-repeat;}
.share-ibox #bdshare .sina {background-position:left 0 !important;}
.share-ibox #bdshare .sina:hover {background-position:left -35px!important;}
.share-ibox #bdshare .sina:active {background-position:left -70px!important;}
.share-ibox #bdshare .qzone {background-position:-35px 0!important;}
.share-ibox #bdshare .qzone:hover {background-position:-35px -35px!important;}
.share-ibox #bdshare .qzone:active {background-position:-35px -70px!important;}
.share-ibox #bdshare .qq {background-position:-70px 0!important;}
.share-ibox #bdshare .qq:hover {background-position:-70px -35px!important;}
.share-ibox #bdshare .qq:active {background-position:-70px -70px!important;}
.share-ibox #bdshare .txwb {background-position:-105px 0!important;}
.share-ibox #bdshare .txwb:hover {background-position:-105px -35px !important;}
.share-ibox #bdshare .txwb:active {background-position:-105px -70px!important;}
.share-ibox #bdshare .dou {background-position:-140px 0!important;}
.share-ibox #bdshare .dou:hover {background-position:-140px -35px!important;}
.share-ibox #bdshare .dou:active {background-position:-140px -70px!important;}
.share-ibox #bdshare .ren {background-position:-175px 0!important;}
.share-ibox #bdshare .ren:hover {background-position:-175px -35px!important;}
.share-ibox #bdshare .ren:active {background-position:-175px -70px!important;}
.share-ibox #bdshare .tieba{background-position:-210px 0!important;}
.share-ibox #bdshare .tieba:hover{background-position:-210px -35px!important;}
.share-ibox #bdshare .tieba:active{background-position:-210px -70px!important;}
.share-ibox .share-cont {font: 14px/20px microsoft yahei;color: #333;}
.share-ibox .info {margin-bottom: 10px;font-size: 14px;color: #666;}
.share-ibox .area_share {overflow: hidden; border-top:1px solid #ececec; padding-top: 10px;}
.share-ibox .area_share .subtitle {display: inline-block;float: left;width: 80px;height: 27px;text-align: left;}
.share-ibox .area_share .ipt-url {float: left;width: 210px;height: 25px;padding: 0 4px;border: 1px solid #dcdcdc;background-color: #fff;line-height: 25px\9;}
.share-ibox .area_share .copy {float: right;width: 53px;height: 25px;border: 1px solid #dcdcdc;background-color: #fff;font: 12px/25px simsun;color: #666;text-align: center;}
.share-ibox .area_share .copy:hover,.share-ibox .area_share .copy:active {color: #138ae6;}
.share-ibox .share-cont .shareTab{ overflow:hidden; line-height:25px;margin-bottom: 10px;}
.share-ibox .share-cont .shareTab p{ float:left; margin-right:10px; font-size: 12px; color:#333; padding:0 10px; line-height:24px; cursor: pointer;}
.share-ibox .share-cont .shareTab p.active{ color:#fff; background:#138ae6}

/*手机*/
@media screen and ( max-width:640px){
.video_play .video_show #altContent .option-text .prompt-text .name{ font-size: 16px; padding: 0 16px; box-sizing: border-box }
.video_play .video_show #altContent .option-text .prompt-text .btn{  width: 24px; height: 24px;}
.video_play .video_show #altContent .option-text .prompt-text .btn > p{height: 24px;}
.video_play .video_show #altContent .option-text .prompt-text .btn > p::before{  border-left: 8px solid #f7f7f7; border-top: 4px solid transparent; border-bottom: 4px solid transparent; top: 8px; left: 7px;}
.video_play .video_show #altContent .option-text .prompt-text .btn > p::after{  top: 8px; width: 2px; height:8px; right: 7px;}

.video_play .video_show #altContent .option-text .prompt-text .btn .loading{width: 30px; height: 30px;}
.video_play .video_show #altContent .option-text .prompt-text .btn .loading > p{ width: 15px; height: 30px;}
.video_play .video_show #altContent .option-text .prompt-text .btn .loading > p > span{ width: 15px; height: 30px;}
.video_play .video_show #altContent .option-text .prompt-text .btn .before span:before{ width: 30px; height: 30px;}
.video_play .video_show #altContent .option-text .prompt-text .btn .after span:before{width: 30px; height: 30px;}





.video_play .video_concerned .list ul li{ background: #fff;}
.video_play em.title{ display:none}
.video_play .box{ width:100%;}
.video_play .video_show_module{ height:auto}
.video_play .video_concerned .tab ul{ display:-webkit-box}
.video_play .video_concerned .tab ul li{ -webkit-box-flex:1; padding:0; margin:0; display:block}
.video_play .video_info{ margin-top:0; border-top:1px solid #cfcfcf}
.video_play .video_show{ width:100%; height:calc(56.25vw + 46px);}
.video_play .video_concerned{ width:100%; height:auto;padding-bottom: 60px;}
.video_play .box video{ vertical-align:top}
.video_play .video_info { border-bottom:none; display:none}
.video_play .video_info .L{ padding-left:6px}
.video_play .video_info .R{ right:6px}
.video_play .video_info .R .line{ display:none}
.video_play .video_info .R .useAPP{ display:block}
.video_play .video_info .R .bdsharebuttonbox,.video_play .video_info .R .fans,.video_play .video_info .R .Subscribe{ display:none}
.video_module{ display:none} 
.video_play .video_info .R{ padding-right:0}
.the_new_footer,.footer{ display:none}
.video_play .video_show .shareWay > i{ background: url(/images/video/icon13.png) left center no-repeat; background-size: 16px; display:none}
.video_play .video_show .videoInfo .videoVote .playNum{background: url(/images/video/icon11.png) left center no-repeat; background-size: 16px;}
.video_play .video_show .videoInfo .videoVote .likeNum{background: url(/images/video/icon14.png) left center no-repeat; background-size: 16px;}
.video_play .video_show .videoInfo .videoVote .likeNum.on{background: url(/images/video/icon12.png) left center no-repeat; background-size: 16px;}
.video_play .video_concerned .list ul li dl dd p i.i1{background: url(/images/video/icon11.png) left center no-repeat; background-size: 16px;}
.video_play .video_concerned .list ul li dl dd p i.i2{background: url(/images/video/icon12.png) left center no-repeat; background-size: 16px;}
.video_play .video_concerned .tab{ background: #f2f2f2; height: auto;}
.video_play .video_concerned{margin-bottom: 60px; background: #fff}
.video_play .video_concerned .list ul li.on{ background: #e0e0e0;}
.video_play .video_concerned .list ul li dl dt{ color: #040000}
.video_play .video_concerned .tab ul li.on{ border-bottom-color:#d31723; color: #040000;}
.video_play .video_concerned .list ul li.on dl dt{ color: #d31723;}
.download_app_fixed_telphone span{ background: #d31723;}

.video_play .video_show .videoInfo {background: #fff !important;height:46px !important;}

/* 添加 */
.video_play .video_show .shareWay > i {
    background: url(/images/video/icon13.png) left center no-repeat !important;
    background-size: 16px !important;
    padding-left: 22px !important;
    line-height: 46px;
    /* display: none; */
}
.video_play .video_show .shareWay > i:hover{
    background: url(/images/video/icon13.png) left center no-repeat !important;
    background-size: 16px !important;
    color: #999 !important;
}

.video_play .video_show .videoInfo .videoVote .likeNum:hover{ 
    background:url(/images/video/icon14.png) left center no-repeat !important;
    color: #999 !important;
    background-size: 16px !important;
}
.video_play .video_show .videoInfo .videoVote .playNum:hover{ 
    background:url(/images/video/icon11.png) left center no-repeat !important;
    color: #999 !important;
    background-size: 16px !important;
}
.video_play .video_show .videoInfo .videoVote .playNum{
    border-right: 1px solid #c9c9c9;
    padding-left: 18px;
    padding-right: 6px;
    border-right: 1px solid #c9c9c9;
    margin-right: 6px;
    background:url(/images/video/icon11.png) left center no-repeat !important;
    background-size: 16px !important;
}
.video_play .video_show .videoInfo .videoVote .js-roomReport{
    border-left: 1px solid #c9c9c9;
    padding-left: 6px;
    border-left: 1px solid #c9c9c9;
    padding-right: 6px;
}
.video_play .video_show .videoInfo .videoVote .js-roomReport:hover{
    color: #999;
}
.video_play .video_show .videoInfo .videoVote .likeNum{ 
    background-image:url(/images/video/icon14.png) !important;
    padding-left: 18px;
    margin-right: 6px;
    cursor: pointer;
    padding-right: 0;
}
.video_play .video_show .videoInfo .videoVote p {
    float: left;
    font-size: 12px;
    height: 16px;
    margin-top: 15px;
}
.video_play .video_show .videoInfo .videoVote .likeNum.on{ 
    color: #999;
    background-image:url(/images/video/icon12.png) !important;
}
.video_play .video_show .videoInfo .videoVote .likeNum.on:hover{ 
    background-image:url(/images/video/icon12.png) !important;
    color: #999 !important;
    background-size: 16px !important;
}

}
@media screen and ( max-width:320px){
    .video_play .video_concerned .list ul li .cover{ width: 130px;}
    .video_play .video_concerned .list ul li .cover img{ width: 130px;}
    .video_play .video_concerned .list ul li dl dd p i.i2{ width: 39px;}

}
/*改版样式*/
.bgfff{background: #ffffff !important;}
.bd_bottom_ccc{border-bottom: 2px solid #CCCCCC;}
.bgfafafa{background:#fafafa !important;}
.mb_0{margin-bottom: 0;}
.new_title_change{color: #1a1a1a;font-size: 25px;font-weight: normal !important;}
.new_title_change .video_icon{display: inline-block;width: 30px; height: 26px;vertical-align: middle; background: url(../images/video_new_icon.png) -11px -10px no-repeat;margin-right: 5px;}
.new_title_change .zb_icon{display: inline-block;width: 30px; height: 26px;vertical-align: middle; background: url(../images/video_new_icon.png) -75px -10px no-repeat;margin-right: 5px;}
.new_title_change .tiyu_icon{display: inline-block;width: 30px; height: 26px;vertical-align: middle; background: url(../images/video_new_icon.png) -200px -11px no-repeat;margin-right: 5px;}
.new_title_change .yule_icon{display: inline-block;width: 30px; height: 26px;vertical-align: middle; background: url(../images/video_new_icon.png) -134px -10px no-repeat;margin-right: 5px;}
.pl10{padding-left: 10px;}
.pdt0{padding-top: 0px !important;}
.new_title_change span{display: inline-block;width: 1px; height: 26px;vertical-align: middle; background: url(../images/video_new_icon.png) -245px -10px no-repeat;margin:0 8px;}
.new_title_change label{color: #1a1a1a;font-size: 15px;}
.pl43{padding-left: 43px;}
.mr{margin-right:0 !important;}

/* 播放器优化样式 */
.video-js .vjs-play-progress, .video-js .vjs-volume-level {
    background-color:#FF4A4A !important;
}
.video-js .vjs-load-progress{
    background: #FFFFFF !important;
    opacity: 0.8  !important;
}
.video-js .vjs-progress-control{
    height: 3px !important;
    top: -3px !important;
}
.video-js .vjs-progress-control:hover{
    height: 14px !important;
    top: -14px !important;
}

.video-js .vjs-progress-control:hover .vjs-play-progress:before{
    display: block !important;
    top: -3px !important;
    content:'';
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.video-js .vjs-control-bar{
    height: 50px !important;
}
.video-js .vjs-fullscreen-control{
    width: 20px !important;
    height: 20px !important;
    margin-right: 30px!important;
    margin-top: 15px!important;
}
.video-js .vjs-fullscreen-control:before{
    content:"" !important;
    background: url(https://images.zhibo.tv/2020/0923/new_full.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control:before{
    content:"" !important;
    background: url(https://images.zhibo.tv/2020/0923/new_nofull.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar{
    -webkit-transform:translateY(50px) !important;
    -moz-transform:translateY(50px)!important;
    -ms-transform:translateY(50px)!important;
    -o-transform:translateY(50px)!important;
    transform:translateY(50px)!important;
}
.video-js .vjs-fullscreen-control:after{
    height: 25px;
    background: #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0.8;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    display: block;
    position: absolute;
    bottom: 44px;
    right: -11px;
    line-height: 25px;
}
.video-js .vjs-fullscreen-control:hover:after{
    width: 40px !important;
    display: block;
    content:"全屏" !important;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control:hover:after{
    width: 64px !important;
    display: block;
    right: -22px !important;
    content:"退出全屏" !important;
}
.video-js .vjs-volume-menu-button{
    right: 70px !important;
    position: absolute !important;
}
.video-js .vjs-volume-menu-button:hover{
    right: 70px !important;
    position: absolute !important;
}
.video-js .vjs-volume-menu-button:before{
    content: "" !important;
    background: url(https://images.zhibo.tv/2020/0923/new_voice.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js .vjs-volume-menu-button.vjs-vol-0:before{
    content: "" !important;
    background: url(https://images.zhibo.tv/2020/0923/new_silence.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js .vjs-menu-button-inline{
    -webkit-transition: none; 
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    overflow: initial !important;
}

.video-js .vjs-volume-level:before{
    display: block !important;
    left: -.4em !important;
    z-index: 5 !important;
}
.vjs-volume-bar.vjs-slider-vertical{
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    position: absolute !important;
    right: 125px;
    bottom: 15px !important;
    margin: 0 !important;
    height: 63px !important;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{
    max-height: 63px !important;
    width: 3px !important;
    bottom: 0px !important;
    right: 125px !important;
}
.vjs-volume-menu-button:hover .vjs-menu-content{
    height: 111px !important;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
    bottom: 0px!important;
    padding-bottom: 0 !important;
    z-index: 3 !important;
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{
    width: 40px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 5px !important;
}
.video-js .vjs-menu-button-popup .vjs-menu {
    left: 1px !important;
    z-index: 2 !important;
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{
    height: 111px !important;
    bottom: 0 !important;
    margin-bottom: 58px !important;
}
.vjs-slider-vertical .vjs-volume-level:before{
    top: -3px !important;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
    background: #000000 !important;
    opacity: 0.8;
}
.vjs-volume-bar.vjs-slider-vertical{
    width: 3px !important;
}
.video-js .vjs-time-control{
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 14px !important;
    line-height: 50px !important;
}
.video-js .vjs-time-control.vjs-time-divider{
    width: auto !important;
    color: #999 !important;
}
.video-js .vjs-time-control .vjs-duration-display{
    color: #999 !important;
}
.video-js .vjs-play-control.vjs-paused:before{
    content: "" !important;
    background: url(https://images.zhibo.tv/2020/0925/new_pause.png) center center no-repeat !important;
    background-size: 20px !important;
}
/* 暂停 */
.video-js .vjs-play-control.vjs-playing:before{
    content: "" !important;
    background: url(https://images.zhibo.tv/2020/0925/new_play.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js .vjs-play-control{
    width: 20px !important;
    height: 20px!important;
    margin-top: 15px!important;
    margin-left: 15px!important;
}
.video-js .vjs-time-control.vjs-current-time{
    margin-left: 20px !important;
}
.vjs-menu:before{
    content:'100%';
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999 !important;
    position: relative;
    z-index: 4;
    top: 12px;
    display: none;
}
.vjs-volume-menu-button-vertical:focus .vjs-menu:before{
    display: block !important;
}  
.video-js .vjs-fullscreen-control:hover:before{
    content:"" !important;
    background: url(https://images.zhibo.tv/2020/0927/new_full2.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control:hover:before{
    content:"" !important;
    background: url(https://images.zhibo.tv/2020/0927/new_nofull2.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js .vjs-play-control.vjs-paused:hover:before{
    content:"" !important;
    background: url(https://images.zhibo.tv/2020/0927/new_pause2.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video-js .vjs-volume-menu-button:hover:before{
    content: "" !important;
    background: url(https://images.zhibo.tv/2020/0927/new_voice2.png) center center no-repeat !important;
    background-size: 20px !important;
}
.video_play .video_show .shareBox img{
    display: block !important;
    margin: 0 auto !important;
}
.video_play .video_info{
    border-bottom:0 !important;
}
.video-js .vjs-control-bar{
    -webkit-transition: -webkit-transform 1s ease 0s !important;
      -moz-transition: -moz-transform 1s ease 0s !important;
      -ms-transition: -ms-transform 1s ease 0s !important;
      -o-transition: -o-transform 1s ease 0s !important;
      transition: transform 1s ease 0s !important;
}
.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after{
    padding: 0.15em .4em !important;
}
.video_play .video_concerned .list ul li dl dd p i.i1{
    background: url(https://images.zhibo.tv/2020/0921/new_playnum.png) left center no-repeat !important;
    background-size: 18px 18px !important;
}
.video_play .video_concerned .list ul li dl dd p i.i2{
    background: url(https://images.zhibo.tv/2020/0921/new_collect.png) left center no-repeat !important;
    background-size: 19px 19px !important;
}
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button{
  width: 80px !important;
  height: 80px !important;
  background: url(https://images.zhibo.tv/2020/1010/videoplay.png) left center no-repeat !important;
  background-size: 80px 80px !important;
  margin-top: -40px !important;
  margin-left: -40px !important;
}
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button:hover{
  background: url(https://images.zhibo.tv/2020/1010/videoplay2.png) left center no-repeat !important;
  background-size: 80px 80px !important;
}