.mejs-container{

margin: 20px 0;

}



.mejs-container:first-child{

margin-top: 0;

}



.mejs-container:last-child{

margin-bottom: 0;

}



/* ----- player wrap ----- */



.mejs-wrap{

position: relative;

}



.mejs-wrap .mejs-container{

position: absolute;

left: 0;

bottom: 0;

}



/* ----- overlay - play button ----- */



.mejs-overlay-play .mejs-overlay-button{

display: block;

position: absolute;

top: 50%;

left: 50%;

width: 50px;

height: 50px;

margin-top: -25px;

margin-left: -25px;

cursor: pointer;

font: normal normal 32px/50px 'TSIcons';

text-indent: -9999px;

text-align: center;

background: #222;

background: rgba(25,25,25,0.96);

-moz-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

-webkit-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

-o-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

-ms-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

}



.mejs-overlay-play .mejs-overlay-button:before{

content: "\e044";

display: block;

position: absolute;

width: 100%;

top: 0;

left: 0;

color: #fff;

text-decoration: none;

text-indent: 0;

text-align: center;

}



.mejs-overlay-play:hover .mejs-overlay-button{

background: #5bc;

}



/* ----- overlay - loading ----- */



.mejs-overlay-loading{

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

margin: 0;

padding: 0;

background: url(../../images/loading_small.gif) no-repeat center center;

background-color: rgba(25,25,25,0.65);

}



.mejs-overlay-loading span{

display: none;

}



/* ----- controls ----- */



.mejs-container .mejs-controls{

height: 36px;

color: #fff;

background: #222;

background: rgba(25,25,25,0.96);

}



.mejs-container .mejs-controls div{

width: 36px;

height: 100%;

float: none;

position: absolute;

top: 0;

left: 0;

}



.mejs-controls .mejs-button button:focus{

outline: none;

}



	.mejs-container .mejs-controls div.mejs-time-rail{

	left: 86px;

	padding-right: 172px;

	}



	.mejs-container .mejs-controls div.mejs-currenttime-container{

	left: 36px;

	}



	.mejs-container .mejs-controls div.mejs-duration-container{

	left: auto;

	right: 36px;

	}



	.mejs-container .mejs-controls div.mejs-time span{

	margin: 0;

	}



	.mejs-container .mejs-controls div.mejs-volume-button{

	left: auto;

	right: 0;

	}



	.mejs-controls .mejs-button button{

	display: block;

	width: 36px;

	height: 100%;

	padding: 0;

	margin: 0;

	cursor: pointer;

	font: normal normal 24px/36px 'TSIcons';

	text-indent: -9999px;

	text-align: center;

	border: none;

	color: #fff;

	background: none;

	-moz-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

	-webkit-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

	-o-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

	-ms-transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

	transition: color 0.15s ease-out , background-color 0.15s ease-out , border 0.15s ease-out;

	}

	

	.no-svg .mejs-controls .mejs-button button{

	background: none;

	}



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

	background: #5bc;

	}



	.mejs-controls .mejs-button button:before{

	content: "\e044";

	display: block;

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	text-decoration: none;

	text-indent: 0;

	text-align: center;

	}

	

	.mejs-playpause-button.mejs-pause button:before{

	content: "\e076";

	}

	

	.mejs-controls .mejs-button.mejs-volume-button button:before{

	content: "\e07e";

	}

	

	.mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button:after{

	content: "";

	display: block;

	width: 60%;

	height: 2px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -30%;

	margin-top: -1px;

	background: #c00;

	}

	

	.mejs-controls .mejs-volume-slider ,

	.mejs-horizontal-volume-slider{

	display: none !important;

	}

	

	/* time */

	

	.mejs-container .mejs-controls .mejs-time{

	display: block;

	height: 100%;

	padding: 0;

	}

	

	.mejs-container .mejs-controls .mejs-time span{

	display: block;

	width: 50px;

	height: 100%;

	text-align: center;

	font: normal normal 12px/36px 'Open Sans Condensed Bold', Arial, sans-serif;

	}

	

	/* rail */

	

	.mejs-controls div.mejs-time-rail{

	padding: 0;

	}

	

	.mejs-controls .mejs-time-rail .mejs-time-total ,

	.mejs-controls .mejs-time-rail .mejs-time-current ,

	.mejs-controls .mejs-time-rail .mejs-time-buffering ,

	.mejs-controls .mejs-time-rail .mejs-time-loaded{

	top: 50%;

	margin: 0;

	margin-top: -4px;

	height: 8px;

	cursor: pointer;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	}

	

	.mejs-controls .mejs-time-rail .mejs-time-total{

	background: #444;

	}

	

	.mejs-controls .mejs-time-rail .mejs-time-loaded{

	background: #888;

	}

	

	.mejs-controls .mejs-time-rail .mejs-time-current{

	background: #5bc;

	}

	

		.mejs-controls .mejs-time-rail .mejs-time-float{

		position: absolute;

		top: -42px;

		width: 40px;

		margin-left: -20px;

		height: 22px;

		border: none;

		background: #222;

		background: rgba(25,25,25,0.96);

		-moz-border-radius: 0;

		-webkit-border-radius: 0;

		border-radius: 0;

		}

		

		.mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current{

		margin: 0;

		width: 40px;

		text-align: center;

		font: normal normal 12px/22px 'Open Sans Condensed Bold', Arial, sans-serif;

		color: #fff;

		-moz-border-radius: 0;

		-webkit-border-radius: 0;

		border-radius: 0;

		}

		

		.mejs-controls .mejs-time-rail .mejs-time-float-corner{

		display: block;

		width: 0;

		height: 0;

		position: absolute;

		top: 100%;

		left: 50%;

		margin-left: -6px;

		border: 6px solid transparent;

		border-top-color: #222;

		border-top-color: rgba(25,25,25,0.96);

		}