.mejs-container
{ position:relative;
  background:#000;
  font-family:Helvetica,Arial;
  text-align:left;
  vertical-align:top;
  text-indent:0; }

.me-plugin
{ position:absolute; }

.mejs-embed,.mejs-embed body
{ width:100%;
  height:100%;
  margin:0;
  padding:0;
  background:#000;
  overflow:hidden; }

.mejs-container-fullscreen
{ position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  overflow:hidden;
  z-index:1000; }

.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video
{ width:100%;
  height:100%; }

.mejs-background
{ position:absolute;
  top:0;
  left:0; }

.mejs-mediaelement
{ position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%; }

.mejs-poster
{ position:absolute;
  top:0;
  left:0; }

.mejs-poster img
{ border:0;
  padding:0;
  border:0;
  display:block; }

.mejs-overlay
{ position:absolute;
  top:0;
  left:0; }

.mejs-overlay-play
{ cursor:pointer; }

.mejs-overlay-button
{ position:absolute;
  top:50%;
  left:50%;
  width:100px;
  height:100px;
  margin:-50px 0 0 -50px;
  background:url(play-1.png) }

.no-svg .mejs-overlay-button
{ background-image:url(play-2.png); }

.mejs-overlay:hover .mejs-overlay-button
{ background-image:url(play-2.png); }

.mejs-overlay-loading
{ position:absolute;
  top:50%;
  left:50%;
  width:80px;
  height:80px;
  margin:-40px 0 0 -40px;
  background:#333;
  background:url(background.png);
  background:rgba(0,0,0,0.9);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));
  background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
  background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9)); }

.mejs-overlay-loading span
{ display:block;
  width:80px;
  height:80px;
  background:transparent url(loading.gif) 50% 50% no-repeat; }

.mejs-container .mejs-controls
{ position:absolute;
  background:none;
  list-style-type:none;
  margin:0;
  padding:0;
  bottom:0;
  left:0;
  background:url(background.png);
  background:rgba(0,0,0,0.7);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));
  background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  height:30px;
  width:100%; }

.mejs-container .mejs-controls div
{ list-style-type:none;
  background-image:none;
  display:block;
  float:left;
  margin:0;
  padding:0;
  width:26px;
  height:26px;
  background:0;
  font:11px/11px Helvetica,Arial;
  border:0; }

.mejs-controls .mejs-button button
{ cursor:pointer;
  display:block;
  font-size:0;
  line-height:0;
  text-decoration:none;
  margin:7px 5px;
  padding:0;
  position:absolute;
  height:16px;
  width:16px;
  border:0;
  background:transparent url(controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button
{ background-image:url(controls.png); }

.mejs-controls .mejs-button button:focus
{ outline:solid 1px yellow; }

.mejs-container .mejs-controls .mejs-time
{ color:#fff;
  display:block;
  height:17px;
  width:auto;
  padding:8px 3px 0 3px;
  overflow:hidden;
  text-align:center;
  padding:auto 4px;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box; }

.mejs-container .mejs-controls .mejs-time span
{ color:#fff;
  font-size:11px;
  line-height:12px;
  display:block;
  float:left;
  margin:1px 2px 0 0;
  width:auto; }

.mejs-controls .mejs-play button
{ background-position:0 0; }

.mejs-controls .mejs-pause button
{ background-position:0 -16px; }

.mejs-controls .mejs-stop button
{ background-position:-112px 0; }

.mejs-controls div.mejs-time-rail
{ width:200px;
  padding-top:5px; }

.mejs-controls .mejs-time-rail span
{ display:block;
  position:absolute;
  width:180px;
  height:10px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  cursor:pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total
{ margin:5px;
  background:#333;
  background:rgba(50,50,50,0.8);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
  background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering
{ width:100%;
  background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
  background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  -webkit-background-size:15px 15px;
  -moz-background-size:15px 15px;
  -o-background-size:15px 15px;
  background-size:15px 15px;
  -webkit-animation:buffering-stripes 2s linear infinite;
  -moz-animation:buffering-stripes 2s linear infinite;
  -ms-animation:buffering-stripes 2s linear infinite;
  -o-animation:buffering-stripes 2s linear infinite;
  animation:buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes
{ from
{ background-position:0 0; }

to
{ background-position:30px 0; }

; }

@-moz-keyframes buffering-stripes
{ from
{ background-position:0 0; }

to
{ background-position:30px 0; }

; }

@-ms-keyframes buffering-stripes
{ from
{ background-position:0 0; }

to
{ background-position:30px 0; }

; }

@-o-keyframes buffering-stripes
{ from
{ background-position:0 0; }

to
{ background-position:30px 0; }

; }

@keyframes buffering-stripes
{ from
{ background-position:0 0; }

to
{ background-position:30px 0; }

; }

.mejs-controls .mejs-time-rail .mejs-time-loaded
{ background:#3caac8;
  background:rgba(60,170,200,0.8);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));
  background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));
  width:0; }

.mejs-controls .mejs-time-rail .mejs-time-current
{ width:0;
  background:#fff;
  background:rgba(255,255,255,0.8);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
  background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-handle
{ display:none;
  position:absolute;
  margin:0;
  width:10px;
  background:#fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor:pointer;
  border:solid 2px #333;
  top:-2px;
  text-align:center; }

.mejs-controls .mejs-time-rail .mejs-time-float
{ position:absolute;
  display:none;
  background:#eee;
  width:36px;
  height:17px;
  border:solid 1px #333;
  top:-26px;
  margin-left:-18px;
  text-align:center;
  color:#111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current
{ margin:2px;
  width:30px;
  display:block;
  text-align:center;
  left:0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner
{ position:absolute;
  display:block;
  width:0;
  height:0;
  line-height:0;
  border:solid 5px #eee;
  border-color:#eee transparent transparent transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  top:15px;
  left:13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float
{ width:48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current
{ width:44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner
{ left:18px; }

.mejs-controls .mejs-fullscreen-button button
{ background-position:-32px 0; }

.mejs-controls .mejs-unfullscreen button
{ background-position:-32px -16px; }

.mejs-controls .mejs-mute button
{ background-position:-16px -16px; }

.mejs-controls .mejs-unmute button
{ background-position:-16px 0; }

.mejs-controls .mejs-volume-button
{ position:relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider
{ display:none;
  height:115px;
  width:25px;
  background:url(background.png);
  background:rgba(50,50,50,0.7);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  top:-115px;
  left:0;
  z-index:1;
  position:absolute;
  margin:0; }

.mejs-controls .mejs-volume-button:hover
{ -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total
{ position:absolute;
  left:11px;
  top:8px;
  width:2px;
  height:100px;
  background:#ddd;
  background:rgba(255,255,255,0.5);
  margin:0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current
{ position:absolute;
  left:11px;
  top:8px;
  width:2px;
  height:100px;
  background:#ddd;
  background:rgba(255,255,255,0.9);
  margin:0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle
{ position:absolute;
  left:4px;
  top:-3px;
  width:16px;
  height:6px;
  background:#ddd;
  background:rgba(255,255,255,0.9);
  cursor:N-resize;
  -webkit-border-radius:1px;
  -moz-border-radius:1px;
  border-radius:1px;
  margin:0; }

.mejs-controls div.mejs-horizontal-volume-slider
{ height:26px;
  width:60px;
  position:relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total
{ position:absolute;
  left:0;
  top:11px;
  width:50px;
  height:8px;
  margin:0;
  padding:0;
  font-size:1px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  background:#333;
  background:rgba(50,50,50,0.8);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
  background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
  background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
{ position:absolute;
  left:0;
  top:11px;
  width:50px;
  height:8px;
  margin:0;
  padding:0;
  font-size:1px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  background:#fff;
  background:rgba(255,255,255,0.8);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
  background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
  background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle
{ display:none; }

.mejs-controls .mejs-captions-button
{ position:relative; }

.mejs-controls .mejs-captions-button button
{ background-position:-48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector
{ visibility:hidden;
  position:absolute;
  bottom:26px;
  right:-10px;
  width:130px;
  height:100px;
  background:url(background.png);
  background:rgba(50,50,50,0.7);
  border:solid 1px transparent;
  padding:10px;
  overflow:hidden;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul
{ margin:0;
  padding:0;
  display:block;
  list-style-type:none!important;
  overflow:hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li
{ margin:0 0 6px 0;
  padding:0;
  list-style-type:none!important;
  display:block;
  color:#fff;
  overflow:hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input
{ clear:both;
  float:left;
  margin:3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label
{ width:100px;
  float:left;
  padding:4px 0 0 0;
  font:10px/15px helvetica,arial; }

.mejs-controls .mejs-captions-button .mejs-captions-translations
{ font-size:10px;
  margin:0 0 5px 0; }

.mejs-chapters
{ position:absolute;
  top:0;
  left:0;
  -xborder-right:solid 1px #fff;
  width:10000px;
  z-index:1; }

.mejs-chapters .mejs-chapter
{ position:absolute;
  float:left;
  background:#222;
  background:rgba(0,0,0,0.7);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));
  background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);
  overflow:hidden;
  border:0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block
{ font-size:11px;
  color:#fff;
  padding:5px;
  display:block;
  border-right:solid 1px #333;
  border-bottom:solid 1px #333;
  cursor:pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last
{ border-right:none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover
{ background:#666;
  background:rgba(102,102,102,0.7);
  background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));
  background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title
{ display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin:0 0 3px 0;
  font-size:12px;
  font-weight:bold;
  line-height:12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan
{ font-size:12px;
  line-height:12px;
  margin:3px 0 4px 0;
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis; }

.mejs-captions-layer
{ position:absolute;
  bottom:0;
  left:0;
  text-align:center;
  line-height:22px;
  font-size:12px;
  color:#fff; }

.mejs-captions-layer a
{ color:#fff;
  text-decoration:underline; }

.mejs-captions-layer[lang=ar]
{ font-size:20px;
  font-weight:normal; }

.mejs-captions-position
{ position:absolute;
  width:100%;
  bottom:15px;
  left:0; }

.mejs-captions-position-hover
{ bottom:45px; }

.mejs-captions-text
{ padding:3px 5px;
  background:url(background.png);
  background:rgba(20,20,20,0.8); }

.mejs-clear
{ clear:both; }

.me-cannotplay a
{ color:#fff;
  font-weight:bold; }

.me-cannotplay span
{ padding:15px;
  display:block; }

.mejs-controls .mejs-loop-off button
{ background-position:-64px -16px; }

.mejs-controls .mejs-loop-on button
{ background-position:-64px 0; }

.mejs-controls .mejs-backlight-off button
{ background-position:-80px -16px; }

.mejs-controls .mejs-backlight-on button
{ background-position:-80px 0; }

.mejs-controls .mejs-picturecontrols-button
{ background-position:-96px 0; }

.mejs-contextmenu
{ position:absolute;
  width:150px;
  padding:10px;
  border-radius:4px;
  top:0;
  left:0;
  background:#fff;
  border:solid 1px #999;
  z-index:1001; }

.mejs-contextmenu .mejs-contextmenu-separator
{ height:1px;
  font-size:0;
  margin:5px 6px;
  background:#333; }

.mejs-contextmenu .mejs-contextmenu-item
{ font:12px Helvetica,Arial;
  padding:4px 6px;
  cursor:pointer;
  color:#333; }

.mejs-contextmenu .mejs-contextmenu-item:hover
{ background:#2C7C91;
  color:#fff; }

.mejs-controls .mejs-sourcechooser-button
{ position:relative; }

.mejs-controls .mejs-sourcechooser-button button
{ background-position:-128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector
{ visibility:hidden;
  position:absolute;
  bottom:26px;
  right:-10px;
  width:130px;
  height:100px;
  background:url(background.png);
  background:rgba(50,50,50,0.7);
  border:solid 1px transparent;
  padding:10px;
  overflow:hidden;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul
{ margin:0;
  padding:0;
  display:block;
  list-style-type:none!important;
  overflow:hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li
{ margin:0 0 6px 0;
  padding:0;
  list-style-type:none!important;
  display:block;
  color:#fff;
  overflow:hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input
{ clear:both;
  float:left;
  margin:3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label
{ width:100px;
  float:left;
  padding:4px 0 0 0;
  font:10px/15px helvetica,arial; }

.mejs-postroll-layer
{ position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background:url(background.png);
  background:rgba(50,50,50,0.7);
  z-index:1000;
  overflow:hidden; }

.mejs-postroll-layer-content
{ width:100%;
  height:100%; }

.mejs-postroll-close
{ position:absolute;
  right:0;
  top:0;
  background:url(background.png);
  background:rgba(50,50,50,0.7);
  color:#fff;
  padding:4px;
  z-index:100;
  cursor:pointer; }

