/* === Container === */
.mejs-container{
	background: #101517;
	font-family: Arial, Helvetica;
	position: relative;
	text-align: left;
	text-indent: 0;
	vertical-align: top;
}

	.me-plugin{
		position:absolute;
		}

	.mejs-embed,
	.mejs-embed body{
		background: #101517;
		height: 100%;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

.mejs-fullscreen{
	overflow: hidden!important;
}

	.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-clear{clear:both;}

.mejs-background {
	position:absolute;
		top:0;
		left:0;
}

.mejs-mediaelement{
	height: 100%;
	position: absolute;
		top:0;
		left:0;
	width:100%;
}

/* === Layers .mejs-layers{} === */

.mejs-poster{
	position:absolute;
	top:0;
	left:0;
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

	:root .mejs-poster img{
		display:none;
	}

	.mejs-poster img {
		border:0;
		padding:0;
	}

.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(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button{background-image:url(bigplay.png);}

.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}

.mejs-overlay-loading{
	background: #333;
	background: url(background.png);
	background: rgba(0,0,0,0.9);
	height: 80px;
	margin: -40px 0 0 -40px;
	position:absolute;
		top:50%;
		left:50%;
	width:80px;
}

.mejs-overlay-loading span{
	background:transparent url(loading.gif) 50% 50% no-repeat;
	display: block;
	height: 80px;
	width: 80px;
}

.mejs-container .mejs-controls{
	position:absolute;
	list-style-type:none;
	margin:0;
	padding:0;
	bottom:0;
	left:0;
	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;
	font-size:11px;
	line-height:11px;
	font-family: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:dotted 1px #999;}

.mejs-container .mejs-controls .mejs-time{
	color:#fff;
	display:block;
	height:17px;
	width:auto;
	padding:8px 3px 0 3px;
	overflow:hidden;
	text-align:center;
	-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{
	direction:ltr;
	width:200px;
	padding-top:5px;
}

.mejs-controls .mejs-time-rail span{
	display:block;
	position:absolute;
	width:180px;
	height:10px;

	cursor:pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total{
	margin: 5px;
	background:rgba(255,255,255,.15);
}

.mejs-controls .mejs-time-rail .mejs-time-buffering{
	background:rgba(255,255,255,.15);
	width:100%;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background:#3caac8;
	background:rgba(60,170,200,0.8);
}

.mejs-controls .mejs-time-rail .mejs-time-current{
	background:#fff;
	background:rgba(255,255,255,0.8);
	width:0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle{
	background:#fff;
	border:solid 2px #333;
	cursor:pointer;
	display:none;
	margin:0;
	position:absolute;
	text-align:center;
	top:-2px;
	width:10px;
}

.mejs-controls .mejs-time-rail .mejs-time-float{
	background: #000;
	color: #fff;
	display: none;
	height: 17px;
	margin-left: -18px;
	position: absolute;
	width: 36px;
	text-align: center;
	top: -26px;
}

	.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{
		border: 5px solid #000;
		border-color: #000 transparent transparent transparent;
		position: absolute;
		display: block;
		height: 0;
		left: 13px;
		line-height: 0;
		top: 15px;
		width: 0;
	}

.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{
	background:url(background.png);
	background:rgba(50,50,50,0.7);
	display:none;
	height:115px;
	width:25px;
	top:-115px;
	left:0;
	z-index:1;
	position:absolute;
	margin:0;
}

.mejs-controls .mejs-volume-button:hover{}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{
	background:#ddd;
	background:rgba(255,255,255,0.5);
	margin:0;
	position:absolute;
		left:11px;
		top:8px;
	width:2px;
	height:100px;
}

.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;
	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;
	background:#333;
	background:rgba(50,50,50,0.8);
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	background:#fff;
	background:rgba(255,255,255,0.8);
	font-size: 1px;
	position:absolute;
		left:0;
		top:11px;
	height: 8px;
	margin:0;
	padding:0;
	width: 50px;
}

.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{
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	height: 100px;
	overflow:hidden;
	padding:10px;
	position:absolute;
		bottom:26px;
		right:-10px;
	visibility: hidden;
	width:130px;
}

.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;
	line-height:15px;
	font-family:helvetica,arial;
	font-size:10px;
}

.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{
	font-size:12px;
	font-weight:bold;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0 0 3px 0;
	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);
}

.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-family:Helvetica,Arial;
	font-size:12px;
	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;
	line-height:15px;
	font-family:helvetica,arial;
	font-size:10px;
}

.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;
}