.mejs-container {
	position: relative;
	background: #1a1a1a;
	margin-bottom:30px;
	width:100% !important;
}

.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%;
}

/* Start: LAYERS */
.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;
	overflow:hidden;
}
.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
	display: block;
	width:100%;
	height:auto !important;
}
.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-overlay-play {
	cursor: pointer;
}
.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	background: url(dt-player.png) no-repeat -30px -0px;
}
.mejs-overlay:hover .mejs-overlay-button{
	background-position: -30px -64px ;
}
.mejs-overlay-loading {
	background:transparent;
}

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background:#333333;
	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: 30px;
	height: 30px;
	background: 0;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	padding: 0;
	position: absolute;
	height: 30px;
	width: 30px;
	border: 0;
	background-color:transparent !important;
	background-image:url(dt-player.png);
	background-repeat:no-repeat;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;		
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff !important;
	display: block;
	height: 30px;
	line-height:30px;
	width: auto;
	padding:0px 10px;
	overflow: hidden;
	text-align: center;
}
.mejs-container .mejs-controls .mejs-time span {
	font-size: 8pt;
	color: #fff !important;
	display: block;
	height: 30px;
	line-height:30px;
	float: left;
}
/* End: Time (current / duration) */


/* Start: Play/pause */
.mejs-controls .mejs-play button,
.mejs-controls .mejs-play button:hover {
	background-position:0 0;
}
.mejs-controls .mejs-pause button,
.mejs-controls .mejs-pause button:hover {
	background-position:0 -30px;
}
/* End: Play/pause */


/* Stop */
.mejs-controls .mejs-stop button,
.mejs-controls .mejs-stop button:hover {
	background-position: -112px 0;
}
/* End: Play/pause */

/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
	width: 200px;
}
.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	cursor: pointer;
	height:4px;	
	width: 180px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: #1a1a1a;
	margin-top:13px;	
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #606060;
	width: 0;	
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	margin: 0;
	width: 6px;
	height:10px;
	background: #fff;
	cursor: pointer;
	top: -3px;
	left:0px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	display: none !important;
}




/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button,
.mejs-controls .mejs-fullscreen-button button:hover {
	background-position:0px -120px;
}
.mejs-controls .mejs-unfullscreen button,
.mejs-controls .mejs-unfullscreen button:hover {
	background-position:0px -150px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */

.mejs-controls .mejs-mute button,
.mejs-controls .mejs-mute button:hover {
	background-position:0 -60px;
}

.mejs-controls .mejs-unmute button,
.mejs-controls .mejs-unmute button:hover {
	background-position:0 -90px;
}

.mejs-controls .mejs-volume-button{
	position: relative;
	float:right !important;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 120px;
	width: 30px;
	background:#333333;
	top: -120px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}
/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 13px;
	top: 10px;
	width: 4px;
	height: 100px;
	background: #1a1a1a;
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 13px;
	top: 10px;
	width: 4px;
	height: 100px;
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 10px;
	top: -3px;
	width: 10px;
	height: 6px;
	background: #FFF;
	cursor: N-resize;
	margin: 0;
}

/* End: Mute/Volume */




/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	display:none;
}


.mejs-clear {
	clear: both;
}

/* Start: ERROR */
.me-cannotplay,
.mejs-controls .mejs-backlight-off button,
.mejs-controls .mejs-backlight-on button,
.mejs-controls .mejs-picturecontrols-button  {
	display:none;
}