/*---video---library---start----here---*/
.video_library_row{display: flex;margin: 0px -15px;flex-wrap: wrap;}
.video_library_left_colm{width: 60%;padding: 0px 15px;}
.video_library_colm{width: 40%;padding: 0px 18px;position: relative;}
.video_list_wrapper_right{overflow: auto;position: absolute;top:0px;left: 15px;right: 0px;bottom: 0px;padding-right: 5px;}
.video_library{background: #F7F7F7;}
.video_list_row{width: 100%;display: flex;flex-wrap: wrap;align-items: center;margin: 15px 0px;cursor: pointer;}
.video_list_row:first-child{margin-top: 0px;}
.video_list_row:last-child{margin-top: 0px;}
.left_colm_v{width: 200px;border-radius: 16px;overflow: hidden;line-height: 0px;}
.img_video_l_r{width: 100%;height: 130px;object-fit: cover;transition: all 0.3s;line-height: 0px;}
.right_colm_v{width: calc(100% - 200px);padding-left: 15px;}
.title_video_content{font-size: 18px;font-weight: 500;color: #4C4C4C;line-height: 1.3;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.desc_v_content_desc{font-size: 14px;line-height: 21px;color: #747474;margin: 8px 0px;
   display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.date_v_content{color: #047C9E;font-size: 14px;font-weight: 400;}
.video_library_image_box{border-radius: 16px;overflow: hidden;line-height: 0px;
position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 5;}
.video_library_image_box:after{content: '';position: absolute;top: 0px;left: 0px;bottom: 0px;
right: 0px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.04%, rgba(0, 0, 0, 0.9) 107.4%);
}
.video_banner_library{width: 100%;height: 100%;object-fit: cover;line-height: 0px;}
.title_banner_video_l{color: #fff;font-size: 18px;font-weight: 500;line-height: 1.3;margin-bottom: 10px;}
.desc_title_banner_v{color: #fff;font-size: 14px;line-height: 20px;}
.video_banner_content_librarey{position: absolute;bottom: 0px;left: 0px;right: 0px;padding: 30px;z-index: 3;
width: 70%;}
.video_library_image_box .play_btn_apolo_proton{z-index: 4;}
.video_list_wrapper_right::-webkit-scrollbar {width: 5px;border-radius: 30px;}
.video_list_wrapper_right::-webkit-scrollbar-track { background: #E4E4E4; border-radius: 30px;}
.video_list_wrapper_right::-webkit-scrollbar-thumb {background: #B0AEAE; border-radius: 30px;}

.video_tab_output_box{display: none !important;}
.video_library_box{aspect-ratio: 900/620;overflow: hidden;position: relative;}
.video_libaray_relative .common_btn_box{right: 0px;}
.video_libaray_relative{position: relative;}

.video-frame {display: none;width: 100%;height: 100%;position: absolute;top: 0px;
    left: 0px;right: 0px;bottom: 0px;z-index: 5;border-radius: 16px;overflow: hidden;background: #000;}
.video_tab_output_box.video-playing .video-frame {display: block;}
.video_tab_output_box.video-playing .video_library_image_box {display: none;}
.video_library_image_box picture{height: 100%;}

@media only screen and (min-width: 1025px){
.video_list_row:hover .img_video_l_r{filter: grayscale(100);}
.video_list_row:hover .right_colm_v{opacity: 0.8;}
.video_list_row:hover .img_video_l_r{transform: scale(1.1);}
}

@media only screen and (max-width: 1400px){
.video_library_box {aspect-ratio: 900 / 522;}
}

@media only screen and (max-width: 1300px){
.video_library_box {aspect-ratio: 900 / 562;}
}

@media only screen and (max-width: 991px){
.video_library_colm{width: 100%;}
.video_library_left_colm{width: 100%;}
.video_library_slider{overflow: hidden;margin-right: -30px;padding-right: 30px;}
.video_tab_output_box{display: block !important;}
.video_banner_content_librarey{width: 100%;}
.video_library_box .play_btn_apolo_proton{top: 43%;}
}

@media only screen and (max-width: 767px){
.video_banner_content_librarey{padding: 15px;}
.video_library_box {aspect-ratio: 900 / 920;}
.video_library_image_box .play_btn_apolo_proton{width: 34px;height: 34px;}
.video_library_wrapper .common_btn{width: 100%;justify-content: center;}
.video_library_slider{margin-right: -15px;padding-right: 15px;border-top-left-radius: 16px;border-bottom-left-radius: 16px;}
.desc_title_banner_v{display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;}
}

@media only screen and (max-width: 365px){
    .video_library_box .play_btn_apolo_proton{top: 28%;}
}
.video_tab_output_box.active{display: block !important;}

/*---video---library---end----here---*/