.pgv2{
    width:100%;
}

.pgv2-main{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#f5f5f5;
}

.pgv2-main iframe,
.pgv2-main video,
.pgv2-main img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.pgv2-video,
.pgv2-image{
    display:none;
    width:100%;
    height:100%;
}

.pgv2-video.active,
.pgv2-image.active{
    display:block;
}

.pgv2-thumbs{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.pgv2-thumb{
    width:110px;
    height:80px;
    cursor:pointer;
    border:2px solid #eee;
    transition:.3s;
    position:relative;
    flex:none;
}

.pgv2-thumb.active{
    border-color:#0a4fb4;
}

.pgv2-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.pgv2-thumb .play{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    font-size:30px;
    color:#fff;
}