.tx-vr-ytpreview {
    margin-bottom: 20px;
}

.tx-vr-ytpreview .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.tx-vr-ytpreview .ytp-title-channel-logo {
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 5px 12px 5px 5px;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
    float: left;
}

.tx-vr-ytpreview .tT {
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    height: auto;
    text-align: left;
    padding: 14px 10px 50px 10px;
}

.tx-vr-ytpreview .lyte-wrapper div {
    margin: 0px;
    overflow: hidden;
}

.tx-vr-ytpreview .lyte .pL {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: no-repeat scroll center #000;
    background-size: contain;
    cursor: pointer;
}

.tx-vr-ytpreview .lyte:hover .play {
    background-position: 0 -65px;
}

.tx-vr-ytpreview .lyte .play {
    background-image: url(/typo3conf/ext/vr_ytpreview/Resources/Public/Icons/ytsprite.png);
    width: 88px;
    height: 63px;
    position: absolute;
    left: calc(50% - 44px);
    left: -webkit-calc(50% - 44px);
    top: calc(50% - 31px);
    top: -webkit-calc(50% - 31px);
}

.tx-vr-ytpreview .lyte iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: no-repeat scroll center #000;
    background-size: cover;
    cursor: pointer;
}
.tx-vr-ytpreview .ctrl {
    display: none;
}
.tx-vr-ytpreview .tC {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}