/* PLAYER */
#video_container {
    z-index: 8;
    position: absolute;
    background: rgba(0,0,0,.95);
}
#video_container .video_player_container {
    position: relative;
    width: 100%;
    height: 100%;
}
#video_container video,
#video_container object {
    /*position: absolute; => Bug on android stock browser */
    background-color: black;
    height: 100%;
}
#video_container .video_player_container,
#video_container .video_player_container .video_player,
#video_container .video_player_container .video_player video {
    width: 100%;
    height: 100%;
}
#video_container .video_player_container .video_player .preview {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#video_container .video_player_container .video_player .play {
    position: absolute;
    width: 100px;
    height: 106px;
    left: 50%;
    top: 50%;
    margin: 0px 0px 0px -50px;
    cursor: pointer;
}
#video_container .video_player_container #video_player_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    z-index: 10;
}
#video_player_overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.vr #video_player_overlay {
    /* VR */
    pointer-events:none;
    background:none !important;
}

/* VIDEO PLAYER PANEL */
#video_player_panel {
    position: absolute;
    width: 100%;
    height: 100%;
    transition:	all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition:	all 0.25s linear;
}

/* VIDEO PLAYER FULLSCREEN */
#video_player_overlay.fullscreen {
    z-index: 2147483647;
}
video::-webkit-media-controls-enclosure {
    display: none !important;
}
#video_player_overlay.fullscreen #video_player_panel,
#video_player_overlay.fullscreen #video_player_panel:hover {
    background: none;
}

/* VIDEO PLAYER CONTROL */
#video_player_controls {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0px;
    padding: 100px 0px 57px 0px;
    overflow: visible;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,.5) 120%);
}
.video_player_button {
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    padding: 5px;
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,.3);
    border-radius: 100px;
    cursor: pointer;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 15px 0px 0px 10px;
}
.video_player_button:first-chil,
.video_player_button#video_player_volume,
.video_player_button#video_player_volume_muted {
    margin: 15px 0px 0px 20px;
}
.video_player_button:hover {
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,.5);
}
#video_player_play {
    background-image: url(../images/player/play.png);
    background-size: 20px 20px;
}
#video_player_play:hover {
    background-image: url(../images/player/play.png);
}
#video_player_replay {
    background-image: url(../images/player/replay.png);
    display: none;
}
#video_player_replay:hover {
    background-image: url(../images/player/replay.png);
}
#video_player_pause {
    background-image: url(../images/player/pause.png);
    display: none;
}
#video_player_pause:hover {
    background-image: url(../images/player/pause.png);
}
#video_player_stop {
    background-image: url(../images/player/stop.png);
    display: none;
}
#video_player_stop:hover {
    background-image: url(../images/player/stop.png);
}
#video_player_prev {
    background-image: url(../images/player/prev.png);
}
#video_player_prev:hover {
    background-image: url(../images/player/prev.png);
}
#video_player_next {
    background-image: url(../images/player/next.png);
}
#video_player_next:hover {
    background-image: url(../images/player/next.png);
}
#video_player_fullscreen_enter {
    background-image: url(../images/player/enter_fullscreen.png);
}
#video_player_fullscreen_enter:hover {
    background-image: url(../images/player/enter_fullscreen.png);
}
#video_player_fullscreen_exit {
    background-image: url(../images/player/exit_fullscreen.png);
    display: none;
}
#video_player_fullscreen_exit:hover {
    background-image: url(../images/player/exit_fullscreen.png);
}
#video_player_cardboard {
    background-image: url(../images/player/cardboard.png);
    display: none;
}
#video_player_cardboard:hover {
    background-image: url(../images/player/cardboard.png);
}
#video_player_volume {
    background-image: url(../images/player/volume.png);
    border-top-left-radius: 100px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 0px;
    width: 30px;
}
#video_player_volume:hover {
    background-image: url(../images/player/volume.png);
}
#video_player_volume_muted {
    background-image: url(../images/player/volume_muted.png);
    border-top-left-radius: 100px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 0px;
    width: 30px;
    display: none;
}
#video_player_volume_muted:hover {
    background-image: url(../images/player/volume_muted.png);
}
#video_player_volume_container {
    float: left;
    height: 60px;
}
@media only screen and (max-width: 768px) {
    #video_player_volume_container {
        display: none;
    }
    #video_player_loader {
        margin-left: -16px;
        margin-top: -16px;
    }
}
#video_player_volume_slider {
    position: absolute;
    width: 70px;
    height: 20px;
    margin: 15px 0px 0px 41px;
    cursor: pointer;
    pointer-events:auto;
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,.3);
    border-top-left-radius: 0px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 100px;
}
.ui-widget.ui-widget-content,
.ui-widget-content {
    border: none;
}
#video_player_volume_slider.ui-widget-content {
    background: url(../images/player/progress_bar.png) repeat-x;
}
#video_player_volume_slider .ui-slider-range {
    background: url(../images/player/progress_bar.png) repeat-x;
}
#video_player_volume_slider .ui-slider-handle {
    border-color: rgba(223,110,73,1);
    margin-top: 5px;
    cursor: pointer;
}
#video_player_volume_slider .ui-slider-handle {
    width: 10px;
    height: 10px;
    top: 0px;
    margin: 5px 0px 0px -5px;
    background: rgba(255,255,255,1);
    border: 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,.1);
}
#video_player_volume_slider .ui-slider-handle:hover {
    background: rgb(234,152,62);
}
#video_player_volume_slider .ui-slider-handle:focus {
    background: rgba(255,255,255,1);
    outline: 0;
}

/* VIDEO PLAYER PROGRESS TIME */
#video_player_progress_time {
    position: absolute;
    width: 100px;
    right: 20px;
    margin: -30px 0px 0px 0px;
    color: rgba(255,255,255,.8);
    text-align: right;
    font: 12px/12px 'ProdigySansSemiBold',Arial,sans-serif;
}
#video_player_infos {
    position: absolute;
    width: 600px;
    left: 100px;
    display: none;
}

/* PLAYBACK MODE */
#video_player_playback_mode_container {
    position: absolute;
    float: right;
    right: 15px;
    overflow: visible;
}
#video_player_playback_mode.no_repeat {
    background-image: url(../images/player/no_repeat.png);
}
#video_player_playback_mode.no_repeat:hover {
    background-image: url(../images/player/no_repeat.png);
}
#video_player_playback_mode.repeat_all {
    background-image: url(../images/player/repeat_all.png);
}
#video_player_playback_mode.repeat_all:hover {
    background-image: url(../images/player/repeat_all.png);
}
#video_player_playback_mode.repeat_one {
    background-image: url(../images/player/repeat_one.png);
}
#video_player_playback_mode.repeat_one:hover {
    background-image: url(../images/player/repeat_one.png);
}
#video_player_shuffle {
    background-image: url(../images/player/shuffle.png);
}
#video_player_shuffle:hover {
    background-image: url(../images/player/shuffle.png);
}
#video_player_shuffle.enabled {
    background-image: url(../images/player/shuffle_enabled.png);
}
#video_player_shuffle.enabled:hover {
    background-image: url(../images/player/shuffle_enabled.png);
}
@media only screen and (max-width: 768px) {
    #video_player_playback_mode.no_repeat {
        background-image: url(../images/player/no_repeat_small.png);
    }
    #video_player_playback_mode.no_repeat:hover {
        background-image: url(../images/player/no_repeat_small.png);
    }
    #video_player_playback_mode.repeat_all {
        background-image: url(../images/player/repeat_all_small.png);
    }
    #video_player_playback_mode.repeat_all:hover {
        background-image: url(../images/player/repeat_all_small.png);
    }
    #video_player_playback_mode.repeat_one {
        background-image: url(../images/player/repeat_one_small.png);
    }
    #video_player_playback_mode.repeat_one:hover {
        background-image: url(../images/player/repeat_one_small.png);
    }
    #video_player_shuffle {
        background-image: url(../images/player/shuffle_small.png);
    }
    #video_player_shuffle:hover {
        background-image: url(../images/player/shuffle_small.png);
    }
    #video_player_shuffle.enabled {
        background-image: url(../images/player/shuffle_enabled_small.png);
    }
    #video_player_shuffle.enabled:hover {
        background-image: url(../images/player/shuffle_enabled_small.png);
    }
    .player_settings {
        bottom: 660px;
    }
}

/* SETTINGS */
#video_player_settings {
    background-image: url(../images/player/settings.png);
}
#video_player_settings:hover {
    background-image: url(../images/player/settings.png);
}
.player_settings {
    z-index: 3;
    position: fixed;
    width: 200px;
    bottom: 260px;
    right: 35px;
    padding: 20px 35px;
    background: rgba(255,255,255,.8);
    text-align: right;
    color: rgba(0,0,0,.8);
    font: 14px/30px 'ProdigySansSemiBold', Arial, sans-serif;
    display: none;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,.2);
    border-radius: 2px;
}
@media only screen and (max-width: 768px) {
    .player_settings {
        bottom: auto;
        top: 50px;
    }
}
.player_settings .player_resolutions {
    width: 100%;
    height: 100%;
}
.player_settings .player_resolutions .player_resolution {
    display: block;
    color: rgba(0,0,0,.8);
    font: 15px/30px 'ProdigySansSemiBold', Arial, sans-serif;
    padding: 5px;
    cursor: pointer;
}
.player_settings .player_resolutions .player_resolution:before {
    content: ' ';
    display: inline-block;
    padding: 0 6px 0 0;
}
.player_settings .player_resolutions .player_resolution.selected:before {
    content: '\2713';
    display: inline-block;
    padding: 0 6px 0 0;
}
.player_settings .player_resolutions .player_resolution:hover {
    color: red;
}
.video_player_mode_button {
    padding: 2px;
    width: 34px;
    height: 28px;
    margin-left: auto;
    margin-right: auto;
}

/* VIDEO PLAYER PROGRESS BAR */
#video_player_progress_slider {
    z-index: 10;
    position: absolute;
    overflow: visible;
    width: 100%;
    height: 30px;
    left: 0px;
    bottom: 40px;
    background: url(../images/player/progress_bar.png) repeat-x;
    cursor: pointer;
    pointer-events:auto;
}
#video_player_progress_slider .ui-slider-range {
    background: url(../images/player/progress_bar_active.png) repeat-x;
}
#video_player_progress_slider .ui-slider-handle {
    border-color: rgba(223,110,73,1);
    margin: 5px 0px 0px 0px;
    cursor: pointer;
    box-shadow: 0px 0px 0px 3px rgba(255,255,255,.1);
}
#video_player_progress_slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    top: -1px;
    border: 0px;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
}
#video_player_progress_slider .ui-slider-handle:hover {
    background: rgb(234,152,62);
}
#video_player_progress_slider .ui-slider-handle:focus {
    background: rgba(255,255,255,1);
    outline: 0;
}

/* VIDEO PLAYER PROGRESS TIME */
.playlist #video_player_infos {
    left: 200px;
}

/* VIDEO PLAYER HELP */
#video_player_help {
    display: none;
}

/* ?? */
#video_player_overlay_top {
    z-index: 2;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0));
    color: rgba(255,255,255,1);
}
#video_player_overlay_top .left {
    float: left;
    margin: 20px 0px 0px 20px;
}
#video_player_overlay_top .logo {
    float: left;
    margin: 20px 0px 0px 20px;
    text-transform: uppercase;
    font: 20px/24px 'ProdigySansBlack', Arial, sans-serif;
}
#video_player_overlay_top .logo .channel_logo {
    font: 20px/24px 'ProdigySansLight', Arial, sans-serif;
}
#video_player_overlay_top .player_logo {
    float: left;
    margin: 3px 0px;
    width: 100px;
}

/*Playzer Nostalgique*/
.channel_3140 {
    color: #59a8dc;
}
/* Playzer Clubbing */
.channel_3137 {
    color: #e4ce10;
}
/* Playzer Pop */
.channel_3190 {
    color: #9ebf43;
}
/* Playzer TV */
.channel_3189 {
    color: #af2b2b;
}
/* Playzer Urbain */
.channel_3145 {
    color: #952a5a;
}
/* Playzer Latino */
.channel_3188 {
    color: #e69635;
}
/* Playzer Détente */
.channel_3187 {
    color: #c8bca3;
}
#video_player_overlay_top .title {
    width: auto;
    font: 20px/24px 'ProdigySansBlack', Arial, sans-serif;
    opacity: 0;
}
#video_player_overlay_top .artist {
    width: auto;
    font: 12px/18px 'ProdigySansSemiBold', Arial, sans-serif;
    opacity: 0;
}
#video_player_overlay_top .right {
    position: absolute;
    right: 0px;
    margin: 20px 20px 0px 0px;
}
#video_player_overlay_top .right .option {
    width: 20px;
    height: 50px;
}
#video_player_overlay_top .right .point_option {
    position: absolute;
    width: 20px;
    right: 0px;
    height: 50px;
    margin: 0px 0px 0px 0px;
    opacity: .5;
    cursor: pointer;
}
#video_player_overlay_top .right:hover .point_option {
    opacity: .5;
}
#video_player_overlay_top .right .point_option:hover {
    opacity: 1;
}
#video_player_overlay_top .right .point_option div {
    width: 10px;
    height: 10px;
    margin: 0px 0px 2px 10px;
    box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,.5);
    border-radius: 200px;
}
#video_player_overlay_top .option {
    float: left;
    margin: 0px 10px 0px 0px;
    text-transform: uppercase;
    font: 12px/12px 'ProdigySansBold', Arial, sans-serif;
    cursor: pointer;
}
#video_player_overlay_top .option:hover {
    color: rgba(222,110,77,1);
}