/**
 * videojs-overlay
 * @version 1.1.0
 * @copyright 2016 Brightcove, Inc.
 * @license Apache-2.0
 */

 .video-js .vjs-overlay {
    color: #fff;
    position: absolute;
    text-align: center;
    /* max-width: 33%; */
}

.video-js .vjs-overlay-background {
    background-color: none;
    background-color: none;
    border-radius: 3px;
    padding: 10px;
    /* width: 33%; */
}

.video-js .vjs-overlay-top-left {
    top: 5px;
    left: 5px
}

.video-js .vjs-overlay-top {
    left: 50%;
    margin-left: -16.5%;
    top: 5px
}

.video-js .vjs-overlay-top-right {
    right: 5px;
    top: 5px
}

.video-js .vjs-overlay-right {
    margin-top: -15px;
    right: 5px;
    top: 50%
}

.video-js .vjs-overlay-bottom-right {
    bottom: 3.5em;
    right: -40px
}
/**
Main Container
*/
.CLOSE{
    position:relative !important;
    width: 100%;
    max-width: 600px;
    margin: 0px auto
}
.CLOSE a img
{
    width: 100%;
}
/**
Ovrlay Img
*/

/**
Close Button
*/
.CLOSE > div > span{
    position: absolute;
    right: 1.5px;
    top: -3px;
    font-size: 24px;
    cursor: pointer;
    transform: rotate(45deg);
    color: #888;
}

.CLOSE > div {
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    border: solid 1px #888;
    border-radius: 3px;
}
.video-js .vjs-overlay-bottom {
    bottom: 3.5em;
    width: 100%;
}

.video-js .vjs-overlay-bottom-left {
    bottom: 3.5em;
    left: 5px
}

.video-js .vjs-overlay-left {
    left: 5px;
    margin-top: -15px;
    top: 50%
}

.skipper span {
    background-color: #111 !important;
    color: #fff !important;
    padding: 8px;
    font-size: 12px;
    outline: 0;
    padding-right: 5px;
}

.skipper span:hover {
    cursor: pointer;
}

.skipBody {
    border: 1px solid #fff;
}

.skipper {
    bottom: 6.5em !important;
    right: -2px !important;
    padding: 0px !important;
    outline: 0;
    width: auto !important;
}

#overlay-div {
    position: relative;
    width: 500px;
    margin: auto;
    left: 50%;
}