.cc_block_preview_video {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(41, 48, 59, .8);
    z-index: 9999999;
    display: none;
    color: var(--white);
}

.cc_preview_video_layout {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
    background-color: #292f3b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 60px 60px;
}

.cc_preview_video_layout_child {
    overflow-y: auto;
    height: 60vh;
}

.cc_preview_video_header .btn {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--white);
}

.cc_preview_video_more_item {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #686f7a;
}

.cc_preview_video_more_item.play {
    background-color: #505763;
}

.cc_preview_video_more_img {
    width: 20%;
}

.cc_preview_video_more_content {
    color: var(--white);
}

.cc_block_preview_video .video-js {
    padding-top: unset;
    height: 60vh !important;
}