/*
* @Author: ÍôÃ÷¶°
* @Date:   2023-03-21 10:59:06
* @Last Modified by:   ÍôÃ÷¶°
* @Last Modified time: 2023-03-21 14:05:09
*/
.video-all,body{
    background-color:#2E2E36;
}
.tabbar{
    border-bottom:none;
}
.news-list{
    margin:0px auto;
    width:1200px;
    margin-bottom:50px;
    background-color:#000;
}
#vedio_content{
    /* width:960px; */
    width:80%;
    float:left;
}
#video_info{
    width:100%;
    height:525px;
}
.vedio-title{
    background-color:#27262C;
    text-align:left;
    font-size: 25px;
    color: #cbcbc9;
    padding: 10px;
}
#vedio_list{
    /* width:240px; */
    width:20%;
    float:left;
    height:100%;
    background-color:#27262C;
}
.vedio-list-title{
    background: #222126;
    font-size: 14px;
    color: #FFF;
    padding: 0 10px;
    height:35px;
    line-height: 35px;
}
.vedio-list-content{
    height: 554px;
    overflow: hidden;
    overflow-y: auto;
}
.vedio-list-content::-webkit-scrollbar {
    width: 8px;
    background-color: #000;
}
.vedio-list-content::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: #666;
}
.vedio-list-content::-webkit-scrollbar-track {
    border-radius: 4px;
}
.vedio-list-item{
    overflow:hidden;
    background-color:#27262C;
}
.vedio_info{
    padding: 5px 20px 0;
    display: block;
    position: relative;
    transition: 0.5s all;
}
.vedio_info img{
    padding: 5px;
    transition: 0.5s all;
    max-width: 100%;
    vertical-align: middle;
}
.active img,.vedio-list-item .vedio_info:hover img{
    background: #b5282e;
}
.vedio-list .vedio-list-content .vedio-list-item .active b, .vedio-list .vedio-list-content .vedio-list-item:hover b {
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #b82831 transparent transparent;
    position: absolute;
    left: 0px;
    top: 55px;
    z-index: 20;
}
.vedio-info-title{
    margin-top: 5px;
    color: #b4b4b6;
    font-size: 14px;
}