.video-top-tv div.video-js{
    height:377px !important;
    width:auto !important;
}

.loop-water-bar .video-top-tv div.video-js {
    height:247px !important;
    width:auto !important;
}


.videobloc,
.videobloc div.video-js{
    width:524px !important;
    height:295px !important;
}

@media(min-width:1492px) {
    .video-top-tv div.video-js {
        height:636px !important;
        width:auto !important;
    }

    .loop-water-bar .video-top-tv div.video-js {
        height:506px !important;
        width:auto !important;
    }

    .videobloc,
    .videobloc div.video-js{
        width:800px !important;
        height:450px !important;
    }



}






.video-js:-moz-full-screen {
    position: absolute;
}
body.vjs-full-window {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: auto;
}
.video-js.vjs-fullscreen {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    _position: absolute;
}

/*@media(min-width:1492px),
@media(max-width:1492px){*/
    body.fullvideo #fulllightbox-container .video-js,
    body.fullvideo .video-js{
        height:100% !important;
        max-height:100% !important;
        width:100% !important;
        max-width:100%;
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        
    }
    body.fullvideo .vjs-default-skin .vjs-controls{
        bottom:0;
    }
    body.fullvideo .vjs-default-skin video{
        width:100% !important;
    }
    body.fullvideo .video-js img{
        width:100% !important;
        height:100% !important;
        max-height:100% !important;
        max-width:100% !important;
    }
/*}*/







.video-js {
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    background-color: #000;
/*    height:auto !important;
    width:100% !important;
    min-height:200px;*/
    margin:0 auto 70px auto;
}

.video-js object{
    height:100%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */

.video-js .vjs-tech,
.video-js video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.video-js img{
/*    width:100%;
    height:auto;*/
    position:absolute;
    top:0;
}

/* Poster Styles */

.vjs-poster {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-height: 100%;
    cursor: pointer;
}

/* Text Track Styles */

/* Overall track holder for both captions and subtitles */

.video-js .vjs-text-track-display {
    position: absolute;
    right: 1em;
    bottom: 4em;
    left: 1em;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Individual tracks */

.video-js .vjs-text-track {
    display: none;
    margin-bottom: 0.1em;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.50);
}

.video-js .vjs-subtitles {
    color: #fff;
}

.video-js .vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

/* Fading sytles, used to fade control bar. */

.vjs-fade-in {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: visibility 0s linear 0s,opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0s,opacity 0.3s linear;
    -ms-transition: visibility 0s linear 0s,opacity 0.3s linear;
    -o-transition: visibility 0s linear 0s,opacity 0.3s linear;
    transition: visibility 0s linear 0s,opacity 0.3s linear;
}

.vjs-fade-out {
    visibility: hidden !important;
    opacity: 0 !important;
    -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* The default control bar. Created by bar.js */

.vjs-default-skin .vjs-controls {
    position:absolute;
    left:0;
    right:0;
    bottom:-50px;
    height:48px;
    border:solid #e3e4e6 1px;
    background-color:#fff;
}

/*.video-js:-moz-full-screen .vjs-controls,
body.vjs-full-window .vjs-controls,
.video-js.vjs-fullscreen .vjs-controls,
.video-js:-webkit-full-screen .vjs-controls{
    bottom:0;
}*/



/* General styles for individual controls. */

.vjs-default-skin .vjs-control {
/*    float: left;
    position: relative;
    width: 2.6em;
    height: 2.6em;
    margin: 0;
    padding: 0;
    text-align: center;*/
}

.vjs-default-skin .vjs-control:focus {
    outline: 0;
}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */

.vjs-default-skin .vjs-control-text {

}

/* Play/Pause
-------------------------------------------------------------------------------- */

.vjs-default-skin .vjs-play-control {
    position:absolute;
    left:10px;
    top:9px;
}

/* Play Icon */

.vjs-default-skin .vjs-play-control div{
    background: #070f18 url(../images/pages/player.png) no-repeat 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display:block;
    width:32px;
    height:31px;
    text-indent:-9999px;
    cursor:pointer;
}

.vjs-default-skin.vjs-paused .vjs-play-control div {
    background-position:2px -56px;
}

.vjs-default-skin.vjs-playing .vjs-play-control div {
    background-position:0 -88px;
}

/* Rewind
-------------------------------------------------------------------------------- */

.vjs-default-skin .vjs-rewind-control {
    width: 5em;
    cursor: pointer !important;
}

.vjs-default-skin .vjs-rewind-control div {
    width: 19px;
    height: 16px;
    margin: 0.5em auto 0;
    background: url('video-js.png');
}

/* Volume/Mute
-------------------------------------------------------------------------------- */

.vjs-default-skin .vjs-mute-control {
    position:absolute;
    top:10px;
    right:159px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.vjs-default-skin.volumecontrolon .vjs-mute-control{
    right:205px;
}

.vjs-default-skin .vjs-mute-control div {
    background: #070f18 url(../images/pages/player.png) no-repeat 0 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display:block;
    width:32px;
    height:31px;
    text-indent:-9999px;
    cursor:pointer;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0 div {
    background-image: url(../images/pages/player-mute.png);
    background-position:7px 10px;
}

/*

.vjs-default-skin .vjs-mute-control.vjs-vol-1 div {
    background: url('video-js.png') -25px -25px;
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2 div {
    background: url('video-js.png') -50px -25px;
}*/

.vjs-default-skin .vjs-volume-control {
    position:absolute;
    right:159px;
    top:21px;
    overflow:hidden;
    width:0;
    padding-left:40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.vjs-default-skin.volumecontrolon .vjs-volume-control{
    width:40px;
    height:31px;
}

.vjs-default-skin .vjs-volume-bar {
    position:relative;
    width:100%;
    height:6px;
    background-color:#cecfd1;
    cursor:pointer;
/*    margin-top:12px;*/
}

.vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height:6px;
    background-color:#1d5ea8;
    width:80%;
}

.vjs-default-skin .vjs-volume-handle {
    display:none;
}

/* Progress
-------------------------------------------------------------------------------- */

.vjs-default-skin div.vjs-progress-control {
    position: absolute;
    top:21px;
    left:51px;
    right:200px;
    height:6px;
    background-color: #cecfd1;
    cursor:pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.vjs-default-skin.volumecontrolon div.vjs-progress-control {
    right:250px;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */

.vjs-default-skin .vjs-progress-holder {
    position: relative;
    width:100%;
    height:100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-indent:-9999px;
    bottom:0;
}

.vjs-default-skin .vjs-play-progress {
    background-color:#1d5ea8;
}

.vjs-default-skin .vjs-load-progress {
    background-color:#acacac;
}

.vjs-default-skin div.vjs-seek-handle {
    display:none;
}

/* Time Display
-------------------------------------------------------------------------------- */

.vjs-default-skin .vjs-time-controls {
    position: absolute;
    top: -1.3em;
    right: 0;
    width: 4.8em;
    height: 1em;
    border-top: 1px solid #222;
    border-bottom: 1px solid #1F1F1F;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1em;
    background: #333;
    background: -moz-linear-gradient(top,#222,#333);
    background: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#333));
    background: -webkit-linear-gradient(top,#222,#333);
    background: -o-linear-gradient(top,#333,#222);
    background: -ms-linear-gradient(top,#333,#222);
    background: linear-gradient(top,#333,#222);
    background-color: #333;
}

.vjs-default-skin .vjs-current-time {
    left: 0;
    display:none;
}

.vjs-default-skin .vjs-duration {
    display: none;
    right: 0;
}

.vjs-default-skin .vjs-remaining-time {
    display:none;
    right: 0;
}

.vjs-time-divider {
    display: none;
}

.vjs-default-skin .vjs-time-control {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
}

.vjs-default-skin .vjs-time-control span {
    line-height: 25px;
}

/* Fullscreen
-------------------------------------------------------------------------------- */

.vjs-secondary-controls {
    float: right;
}

.vjs-default-skin .vjs-fullscreen-control {
    position:absolute;
    right:118px;
    top:10px;
}

.vjs-default-skin .vjs-fullscreen-control div {
    background: #070f18 url(../images/pages/player.png) no-repeat 0 -24px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display:block;
    width:32px;
    height:31px;
    text-indent:-9999px;
    cursor:pointer;
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
    background: url('video-js.png') -75px 0;
}

/* ----------------------------------------------------------
   Hovers
   ------------------------------------------------------- */

.vjs-default-skin .vjs-play-control div,
.vjs-default-skin .vjs-fullscreen-control div {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.vjs-default-skin .vjs-play-control div:hover,
.vjs-default-skin .vjs-fullscreen-control div:hover {
    background-color:#1d5ea8;
}


/* Big Play Button (at start)
---------------------------------------------------------*/

.vjs-default-skin .vjs-big-play-button {
    display: none;
}

.vjs-default-skin div.vjs-big-play-button:hover {

}

.vjs-default-skin div.vjs-big-play-button span {

}


.vjs-default-skin .vjs-logo-controls{
    position:absolute;
    top:0;
    right:0;
    width:107px;
    bottom:0;
    background: #fff url(../images/pages/player.png) no-repeat 11px -117px;
    border-left:solid #e3e4e6 1px;
}

/* Loading Spinner
---------------------------------------------------------*/

/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    margin: -28px 0 0 -28px;
    -webkit-animation-name: rotatethis;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotatethis;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */

.vjs-default-skin .vjs-menu-button {
    float: right;
    width: 3em;
    height: 2em;
    margin: 0.2em 0.5em 0 0;
    padding: 0;
    border: 1px solid #111;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    background: #4d4d4d;
    background: -moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));
    background: -webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    cursor: pointer !important;
}

/* Button Icon */

.vjs-default-skin .vjs-menu-button div {
    width: 16px;
    height: 16px;
    margin: 0.2em auto 0;
    padding: 0;
    background: url('video-js.png') 0 -75px no-repeat;
}

/* Button Pop-up Menu */

.vjs-default-skin .vjs-menu-button ul {
    display: none;
    position: absolute;
    bottom: 2em;
    left: -3.5em;
    width: 10em;
    margin: 0;
    padding: 0;
    max-height: 15em;
    border: 2px solid #333;
    -webkit-border-radius: 1em;
    -moz-border-radius: 0.7em;
    border-radius: .5em;
    overflow: auto;
    opacity: 0.8;
    background-color: #111;
    -webkit-box-shadow: 0 2px 4px 0 #000;
    -moz-box-shadow: 0 2px 4px 0 #000;
    box-shadow: 0 2px 4px 0 #000;
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul {
    display: block;
    list-style: none;
}

.vjs-default-skin .vjs-menu-button ul li {
    margin: 0;
    padding: 0.3em 0 0.3em 20px;
    text-align: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    line-height: 1.4em;
    list-style: none;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    text-decoration: underline;
    background: url('video-js.png') -125px -50px no-repeat;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
    outline: 0;
    color: #111;
    background-color: #ccc;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    margin: 0 0 0.3em 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
    color: #fff;
    background: #4d4d4d;
    background: -moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));
    background: -webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    cursor: default;
}

/* Subtitles Button */

.vjs-default-skin .vjs-captions-button div {
    background-position: -25px -75px;
}

.vjs-default-skin .vjs-chapters-button div {
    background-position: -100px -75px;
}

.vjs-default-skin .vjs-chapters-button ul {
    left: -8.5em;
    width: 20em;
}