.mejs-inner, .mejs-inner div, .mejs-inner a, .mejs-inner span, .mejs-inner button { margin: 0; padding: 0; border: none; outline: none } .mejs-container { position: relative; background: #000 } .mejs-inner { position: relative; width: inherit; height: inherit } .me-plugin { position: absolute } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video, .mejs-embed, .mejs-embed body, .mejs-mediaelement { width: 100%; height: 100% } .mejs-embed, .mejs-embed body { margin: 0; padding: 0; overflow: hidden } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000 } .mejs-poster img { display: block } .mejs-background, .mejs-mediaelement, .mejs-poster, .mejs-overlay { position: absolute; top: 0; left: 0 } .mejs-overlay-play { cursor: pointer } .mejs-inner .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url(play.png) no-repeat } .mejs-container .mejs-controls { position: absolute; width: 100%; height: 34px; left: 0; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .7) } .mejs-controls .mejs-button button { display: block; cursor: pointer; width: 16px; height: 16px; background: transparent url(controls.png) } .mejs-controls div.mejs-playpause-button { position: absolute; top: 12px; left: 15px } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 12px; height: 12px; background-position: 0 0 } .mejs-controls .mejs-pause button { background-position: 0 -12px } .mejs-controls div.mejs-volume-button { position: absolute; top: 12px; left: 45px } .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 14px; height: 12px; background-position: -12px 0 } .mejs-controls .mejs-unmute button { background-position: -12px -12px } .mejs-controls div.mejs-fullscreen-button { position: absolute; top: 7px; right: 7px } .mejs-controls .mejs-fullscreen-button button, .mejs-controls .mejs-unfullscreen button { width: 27px; height: 22px; background-position: -26px 0 } .mejs-controls .mejs-unfullscreen button { background-position: -26px -22px } .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; cursor: pointer; top: 15px; left: 65px } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 60px; background: #d7d7d7 } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; width: 0; top: 0; left: 0 } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mejs-controls div.mejs-time-rail { position: absolute; width: 100%; left: 0; top: -10px } .mejs-controls .mejs-time-rail span { position: absolute; display: block; cursor: pointer; width: 100%; height: 10px; top: 0; left: 0 } .mejs-controls .mejs-time-rail .mejs-time-total { background: rgb(152, 152, 152); background: rgba(152, 152, 152, .5) } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgb(0, 0, 0); background: rgba(0, 0, 0, .3) } .mejs-controls .mejs-time-rail .mejs-time-current { width: 0 } .mejs-controls .mejs-time-rail .mejs-time-handle { position: absolute; cursor: pointer; width: 16px; height: 18px; top: -3px; background: url(handle.png) } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; width: 33px; height: 23px; top: -26px; margin-left: -17px; background: url(tooltip.png) } .mejs-controls .mejs-time-rail .mejs-time-float-current { position: absolute; display: block; left: 0; top: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 700; color: #656565; text-align: center } .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none } .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #82d344; background: -webkit-linear-gradient(top, #82d344 0%, #51af34 100%); background: -moz-linear-gradient(top, #82d344 0%, #51af34 100%); background: -o-linear-gradient(top, #82d344 0%, #51af34 100%); background: -ms-linear-gradient(top, #82d344 0%, #51af34 100%); background: linear-gradient(top, #82d344 0%, #51af34 100%) }