.m_lr_10 {
    margin-left: 10px;
    margin-right: 10px;
}

.lab_btn {
    background: #004d9d;
    border-radius: 4px;
    padding: 6px 48px 10px 48px;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bolder;
}
.lab_btn1 {
    background: #007650 !important;
}

.lab_btn2 {
    background: #fdd100 !important;
	padding: 6px 30px 10px 30px;
}
    .lab_btn .icon-video {
        position: relative;
        top: 4px;
        padding-right: 5px;
        font-size: 24px;
    }

    .lab_btn:hover {
        background: #2973c3;
        color: #ffffff;
    }
    .lab_btn1:hover {
        background: #209a73 !important;
    }
	.lab_btn2:hover {
	    background: #fde87b !important;
	}
.video_introduce {
    font-size: 16px;
    color: #512e91;
    margin-bottom: 10px;
}

.m_lr_box {
    margin-left: 10px;
    margin-right: 10px;
}

.video_list {
    background: #f0f1f5;
    padding: 5px;
    margin: 10px 0px;
    border-radius: 4px;
}

    .video_list:hover {
        background: #f6f4f9;
    }

    .video_list .video_list_img {
        height: 199px;
    }

    .video_list .video_list_text {
        height: 153px;
    }

.video_list_company {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0;
    height: 47px;
}
.video_list_company_font {
    font-size: 16px;
    font-weight: bolder;
}
.video_list_map {
    /*color: #999999;*/
}

    .video_list_map .icon-uniE62A {
        padding-right: 5px;
    }

.video_list_more {
    background: #f8f9fb;
    border: 1px solid #512e91;
    border-radius: 4px;
    display: block;
    padding: 6px 0px;
    width: 100%;
    color: #512e91;
    text-align: center;
    margin: 10px 20px 20px 20px;
}

    .video_list_more:hover {
        background: #512e91;
        color: #ffffff;
    }

.video_detail_more {
    background: #f8f9fb;
    border: 1px solid #512e91;
    border-radius: 4px;
    display: block;
    padding: 6px 0px;
    width: 100%;
    color: #512e91;
    text-align: center;
}

    .video_detail_more:hover {
        background: #512e91;
        color: #ffffff;
    }

.video-grid .vjs-big-play-button > .vjs-icon-placeholder:before {
    font-size: 50px;
}

.video-js .vjs-big-play-button:active, .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    background-color: rgba(43, 51, 63, 0.7);
}

.video_detail_box {
    height: 100%;
}

.video-tracking {
    background: black;
    cursor: pointer;
    object-fit: fill;
    max-height: 389px;
    /*height:389px;*/
}

.scollSidebar {
    height: 389px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #e7e8ec;
    /*min-height: 389px;*/
}

.videoSidebar {
    max-height: 660px;
}

.thumbnail, .caption {
    white-space: initial;
}

.thumbnail {
    /*max-width: 200px;*/
}

.caption::-webkit-scrollbar {
    width: 0 !important
}

.caption {
    font-size: 14px;
    padding-left: 0px;
}

.video-thumbnail-div {
    vertical-align: top;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 6px;
    /*border-bottom: 1px #444 dotted;*/
}

.video-thumbnail-img {
    height: 97px;
    /*width: 138px;*/
}

.video-playicon {
    position: absolute;
    height: 40px;
    left: 50px;
    top: 20px;
}

.video_channel .video-playicon {
    top: 15px;
}

.video-playicon:hover {
    transition: opacity .5s;
    opacity: .6;
}

.video_detail_btn {
    display: none;
}

.video_detail_box:hover .video_detail_btn {
    display: none;
}


.tvdetail {
    background-color: #f2f3f5;
    padding: 10px 10px 30px 10px;
}
.tv_videotitle {
    font-size: 20px;
    color: #512E92;
    padding-left: 0px;
    font-weight: bolder;
}
.tv_videodesc {
    font-size: 14px;
    color: #666;
    padding-left: 0px;
    font-weight: bolder;
}
@media(max-width:1250px) {

    .scollSidebar {
        white-space: nowrap;
        overflow-y: auto;
        overflow-x: hidden;
        border-radius: 2px;
    }

    .video-playicon {
        left: 60px;
        top: 15px;
    }

    .thumbnail {
        /*max-width: 160px;
        text-align: right;*/
    }
}

@media (max-width: 576px) {
    .thumbnail {
        /*max-width: 130px;
        text-align: right;*/
    }

    .video-thumbnail-img {
        /*height: 96px;
        width: auto;*/
    }

    .video-playicon {
        left: 45px;
        top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .video_list .video_list_company {
        margin: 0px 5px 0px 10px;
        height: auto;
    }

    .video_list .video_list_map {
        margin: 10px 5px 0px 10px;
    }

    .video_list .video_list_more {
        margin: 10px 5px 10px 10px;
        padding: 2px 0px;
    }

    .video_list img {
        padding: 4px 0;
    }

    .video_list .video_list_img {
        height: auto;
    }

    .video_list .video_list_text {
        height: auto;
    }
}