.comment_movie{
    margin-bottom:5em;
}

.comment_movie h4{
    text-align: center;
    color: #9b65e4;
    font-size: 1.4em;
    margin-bottom: .5em;
}

.comment_movie ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.comment_movie ul:after{
    content:'';
    width:calc(100% / 3 - .5em);
}

.comment_movie ul li{
    width:calc(100% / 3 - .5em);
    margin-bottom:1em;
}

.comment_movie ul li .thumb{
    position:relative;
}

.comment_movie ul li .thumb:after{
    content:'';
    width:3em;
    height:3em;
    background:url('../img/icon_play.svg') center center no-repeat;
    background-size:contain;
    position:absolute;
    transform:translate(-50%, -50%);
    top:50%;
    left:50%;
    opacity:.8;
    transition:.3s;
}

.comment_movie ul li:hover .thumb:after{
    opacity:.4;
}

.comment_movie ul li .thumb img{
    display:block;
}

.comment_movie ul li .txt_cmt{
    text-align:center;
    margin-top:.2em;
}

.comment_movie ul li .txt_cmt span{
    display:block;
    font-size:.85em;
    color:#9b65e4;
}

.modal .modal-box.cmt {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0;
    max-width:900px;
}

.modal .modal-box.cmt .cmt_ara{
    padding:0;
}



.modal .player{
    width:100%;
    padding-top: min(56.25%, 90vh);
    position:relative;
}

.modal .player video{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
}

@media screen and (max-width:961px){
    .comment_movie h4{
        font-size:1.1em;
    }

    .comment_movie ul li{
        width:calc(100% / 2 - .15em);
        margin-bottom:.3em;
    }
}