.ima-ad-container {
top: 0px;
position: absolute;
display: block;
width: 100%;
height: 100%;
} .video-js-sm.vjs-playing .bumpable-ima-ad-container {
margin-top: -40px;
} .video-js-sm.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
margin-top: 0px;
}
.video-js-sm.vjs-paused .bumpable-ima-ad-container,
.video-js-sm.vjs-playing:hover .bumpable-ima-ad-container,
.video-js-sm.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
margin-top: -40px;
}
.ima-controls-div {
bottom:0px;
height: 37px;
position: absolute;
overflow: hidden;
display: none;
opacity: 1;
background-color: rgba(7, 20, 30, .7);
background: -moz-linear-gradient(
bottom,
rgba(7, 20, 30, .7) 0%,
rgba(7, 20, 30, 0) 100%); background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0%,rgba(7, 20, 30, .7)),
color-stop(100%,rgba(7, 20, 30, 0))); background: -webkit-linear-gradient(
bottom,
rgba(7, 20, 30, .7) 0%,
rgba(7, 20, 30, 0) 100%); background: -o-linear-gradient(bottom,
rgba(7, 20, 30, .7) 0%,
rgba(7, 20, 30, 0) 100%); background: -ms-linear-gradient(bottom,
rgba(7, 20, 30, .7) 0%,
rgba(7, 20, 30, 0) 100%); background: linear-gradient(to top,
rgba(7, 20, 30, .7) 0%,
rgba(7, 20, 30, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#0007141E',
endColorstr='#07141E',GradientType=0 ); }
.ima-countdown-div {
height: 10px;
color: #FFFFFF;
text-shadow: 0 0 0.2em #000;
cursor: default;
}
.ima-seek-bar-div {
top: 12px;
height: 3px;
position: absolute;
background: rgba(255, 255, 255, .4);
}
.ima-progress-div {
width: 0px;
height: 3px;
background-color: #ECC546;
}
.ima-play-pause-div, .ima-mute-div, .ima-slider-div, .ima-fullscreen-div {
width: 35px;
height: 20px;
top: 11px;
left: 0px;
position: absolute;
color: #CCCCCC;
font-size: 1.5em;
line-height: 2;
text-align: center;
font-family: VideoJS;
cursor: pointer;
}
.ima-mute-div {
left: auto;
right: 85px;
}
.ima-slider-div {
left: auto;
right: 35px;
width: 50px;
height: 10px;
top: 20px;
background-color: #555555;
}
.ima-slider-level-div {
width: 100%;
height: 10px;
background-color: #ECC546;
}
.ima-fullscreen-div {
left: auto;
right: 0px;
}
.ima-playing:before {
content: "\00f103";
}
.ima-paused:before {
content: "\00f101";
}
.ima-playing:hover:before, .ima-paused:hover:before {
text-shadow: 0 0 1em #fff;
}
.ima-non-muted:before {
content: "\00f107";
}
.ima-muted:before {
content: "\00f104";
}
.ima-non-muted:hover:before, .ima-muted:hover:before {
text-shadow: 0 0 1em #fff;
}
.ima-non-fullscreen:before {
content: "\00f108";
}
.ima-fullscreen:before {
content: "\00f109";
}
.ima-non-fullscreen:hover:before, .ima-fullscreen:hover:before {
text-shadow: 0 0 1em #fff;
}