.videoContainer.fullscreen {
    width: 100% !important;
    height: 100% !important;
}

    .videoContainer.fullscreen video {
        width: 100% !important;
        height: 100% !important;
    }

.videoContainer .wait {
    display: none;
}

.videoContainer.waiting .wait {
    display: block;
    position: absolute;
    background-color: black;
    border: 5px solid white;
    border-top: 5px solid rgba(0,0,0,0);
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(0,0,0,0.8);
    width: 12%;
    padding-top: 12%;
    margin: -6% 0 0 -6%;
    top: 50%;
    left: 50%;
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

.videoContainer video {
    visibility: hidden;
}

.videoContainer.started video {
    visibility: visible;
}

.videoContainer {
    background-color: #000;
    font-family: Tahoma, Lucida, Arial, sans-serif;
    font-size: 11px;
}

    .videoContainer .overlay.full {
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .videoContainer.started .overlay.full {
        background-image: url() !important;
    }

    .videoContainer.playing .overlay.full {
        display: none !important;
    }

    .videoContainer .play {
        display: none;
    }


    .videoContainer.hover.content .timeline .playback:after, .videoContainer .control {
        background-image: url(img/sprite_player.png);
        background-repeat: no-repeat;
    }

    .videoContainer.paused .play {
        background-position: 0px 0px;
        display: block;
        position: absolute;
        background-color: black;
        border: 5px solid white;
        border-radius: 50%;
        box-shadow: 0 0 35px rgba(0,0,0,0.8);
        width: 12%;
        padding-top: 12%;
        margin: -6% 0 0 -6%;
        top: 50%;
        left: 50%;
    }


        .videoContainer.paused .play:before {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            display: block;
            height: 100%;
            width: 100%;
            background-image: url(img/sprite_player.png);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 100% 227.612%;
        }

@media only screen and (min-width : 320px) and (max-width : 640px) {
    /* Styles */
    .videoContainer.paused .play,
    .videoContainer.waiting .wait {
        width: 24.7232%;
        padding-top: 24.7232%%;
        margin: -12.3616% 0 0 -12.3616%;
    }
}

.videoContainer .overlay {
    position: absolute;
}

    .videoContainer .overlay.top {
        top: 0;
        left: 0;
        right: 0;
        color: white;
        background-color: rgba(0,0,0,0.6);
        border-bottom: 1px solid black;
        display: none;
    }

        .videoContainer .overlay.top > div {
            padding: 10px;
        }

    .videoContainer.ad.hover .overlay.top {
        display: block;
    }

    .videoContainer .overlay.bottom {
        bottom: 0;
        left: 0;
        right: 0;
    }

.videoContainer .adInfo {
    float: left;
}

.videoContainer .skipInfo {
    float: right;
}

.videoContainer.skippable .skipInfo {
    cursor: pointer;
    font-weight: bold;
}

.videoContainer .timeline {
    height: 2px;
    background-color: #484842;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    left: 0;
    right: 0;
}

.videoContainer.hover .timeline {
    height: 5px;
}

.videoContainer .timeline .playback {
    position: relative;
    height: 100%;
    width: 0;
}

.videoContainer.ad .timeline .playback {
    background-color: #33CCFF;
}

.videoContainer.content .timeline .playback {
    background-color: #FCD71F;
}

.videoContainer.hover.content .timeline .playback:after {
    content: "";
    width: 10px;
    height: 10px;
    background-position: 0px -134px;
    position: absolute;
    right: -5px;
    top: -2px;
    display: inline-block;
}

.videoContainer .controls {
    display: none;
    color: white;
    background-color: rgba(0,0,0,0.6);
    padding: 5px 5px 5px 10px;
    overflow: hidden;
}

.videoContainer.hover .controls {
    display: block;
}

.videoContainer .controls > div {
    float: left;
}

.videoContainer .controls .control {
    width: 38px;
    height: 23px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 5px;
    transition: background-color 0.5s;
}

    .videoContainer .controls .control:hover {
        background-color: #FCD71F;
    }

.videoContainer.ad .controls .control:hover {
    background-color: #33CCFF;
}


.videoContainer .controls .fullscreen {
    background-position: 0px -213px;
    float: right;
}

.videoContainer.ipad .control.fullscreen, .videoContainer.iphone .control.fullscreen, .videoContainer.ipod .control.fullscreen, .videoContainer.ipad .control.volume, .videoContainer.iphone .control.volume, .videoContainer.ipod .control.volume {
    display: none;
}

.videoContainer.fullscreen .control.fullscreen {
    background-position: 0px -236px;
}

.videoContainer.paused .control.playpause {
    background-position: 0px -144px;
}

.videoContainer.completed .control.playpause {
    background-position: 0px -190px;
}

.videoContainer.playing .control.playpause {
    background-position: 0px -167px;
}

.videoContainer .control.volume {
    background-position: 0px -259px;
    float: right;
}

.videoContainer.muted .control.volume {
    background-position: 0px -282px;
}

.videoContainer .timeLabel {
    line-height: 23px;
    vertical-align: top;
    display: inline-block;
    padding: 0 5px;
}

.videoContainer.ad .timeLabel {
    display: none;
}

.videoContainer .duration {
    color: #999;
    border-left: 1px solid #999;
}

#videoportal_playlistpage .playlist-items .playlist-item .media-meta .videoContainer video,#newspage_movie_playlist .playlist-items .playlist-item .media-meta .videoContainer video,#newspage_serie_playlist .playlist-items .playlist-item .media-meta .videoContainer video{position: absolute !important;}


/* -- ADDITIONAL DUE TO NEW AD FORMATS -- */