/* Oper ffm player */
.mejs-operffm .mejs-container {
	position: relative;
}
.mejs-operffm .mejs-container-fullscreen{
	background: black;
}
.mejs-operffm .mejs-controls {
	background: transparent;
	/* height: 20px; #52605*/
	/* bottom: 86px; #52605*/
}

.mejs-operffm .mejs-button,
.mejs-operffm .mejs-time {
	position: absolute;
	background: transparent;
	background: rgba(0,0,0,0);
}
.mejs-operffm .mejs-controls .mejs-time{
	display: none;
}
/* time rail */
.mejs-operffm .mejs-controls .mejs-time-rail span {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.mejs-operffm .mejs-controls .mejs-time-rail > span {
	margin: 0 180px; 
	/*  margin: 0 86px 0 57px; // ############### */
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-total {
	background-color: none;
	background: url(/media/icon/mediaplayer/controls-operffm.svg) repeat-x 0 -52px;
	height: 6px;
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-buffering {
	top:3px;
	height: 3px;
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background-color: none;
	background: url(/media/icon/mediaplayer/controls-operffm.svg) repeat-x 0 -52px;
	width: 0;
	height: 6px;
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	height: 6px;
	background-color: none;
	background: url(/media/icon/mediaplayer/controls-operffm.svg) repeat-x 0 -59px;
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-handle  {
	display: block;
	margin: 0;
	width: 14px;
	height: 21px;
	top: -7px;
	border: 0;
	background: url(/media/icon/mediaplayer/controls-operffm.svg) no-repeat 0 0;	
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-float {	
	background: rgba(0,0,0,0.75);
	border: solid 1px #000;
	color: #fff;
	display: none;
}
.mejs-operffm .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner {	
	display: none;
}

/* play pause */

.mejs-operffm .mejs-controls .mejs-playpause-button  {
	top: -5px;
	left: 135px;
	/* left: 11px; // ############### */
	width: 49px;
	height: 28px;
}
.mejs-operffm .mejs-controls .mejs-playpause-button  button {
	width: 49px;
	height: 28px;
	background: url(/media/icon/mediaplayer/controls-operffm.svg) no-repeat -50px -23px;
	margin: 0;
	padding: 0;
}
.mejs-operffm .mejs-controls .mejs-pause button  {
	background-position: 0 -23px;
}

/* fullscreen button */

.mejs-operffm .mejs-controls .mejs-fullscreen-button  {
	top: 1px;
	right: 118px;
	/* right: 15px; // ######## */
	width: 17px;
	height: 15px;
	background : none;
}
.mejs-operffm .mejs-controls .mejs-fullscreen-button  button {
	/*display: none;*/
	
	width: 19px;
	height: 17px;
	background: transparent url(/media/icon/mediaplayer/controls-operffm.svg) no-repeat 0 -66px;
	margin: 0;
	padding: 0;
}
.mejs-operffm .mejs-controls .mejs-unfullscreen  button {
	/*display: none;*/
	background: transparent url(/media/icon/mediaplayer/controls-operffm.svg) no-repeat -21px -66px;
	margin: 0;
	padding: 0;
}
.slick-track .mejs-controls .mejs-fullscreen-button {
	display: none !important;
}

/* volume button */

.mejs-operffm .mejs-controls .mejs-volume-button  {
	top: -2px;
	right: 145px;
	/* right: 50px; // ########### */
	width: 24px;
	height: 22px;
}
.mejs-operffm .mejs-controls .mejs-mute button {
	background: url(/media/icon/mediaplayer/controls-operffm.svg) no-repeat -15px 0;
	width: 24px;
	height: 22px;
	margin: 0;
	padding: 0;
}
.mejs-operffm .mejs-controls .mejs-unmute button {
	background: url(/media/icon/mediaplayer/controls-operffm.svg) no-repeat -40px 0;
	width: 24px;
	height: 22px;
	margin: 0;
	padding: 0;	
}
.mejs-operffm  .mejs-controls .mejs-volume-button .mejs-volume-slider {
	background: transparent;
	border: solid 1px #aaa;
	border-width: 0;
	width: 22px;
	height: 65px;
	top: -65px;
}
.mejs-operffm  .mejs-controls .mejs-volume-button .mejs-volume-total {
	background: url(/media/icon/mediaplayer/controls-operffm.svg) repeat-y -41px -66px;
	left: 8px;
	width: 6px;
	height: 50px;
}
.mejs-operffm  .mejs-controls .mejs-volume-button .mejs-volume-current {
	left: 8px;
	width: 6px;	
	background: url(/media/icon/mediaplayer/controls-operffm.svg) repeat-y -48px -66px;
	height: 50px;
}

.mejs-operffm  .mejs-controls .mejs-volume-button .mejs-volume-handle {
	display: none;
}

/* time */

.mejs-operffm .mejs-controls .mejs-time span {
	color: #fff;
}
.mejs-operffm .mejs-controls .mejs-currenttime-container  {
	visibility: hidden;
	position: absolute;
	top: 32px;
	right: 100px;
	border: none;
	background: none;
	color: #fff;
	padding-top: 2px;
	border-radius: 0;
}
.mejs-operffm .mejs-controls .mejs-duration-container  {
	visibility: hidden;
	display: none;
	position: absolute;
	top: 32px;
	right: 65px;
	border: none;
	background: none;
	color: #fff;
	padding-top: 2px;
	border-radius: 0;
}

.mejs-operffm .mejs-controls .mejs-time  button{
	color: #333;
}
.mejs-operffm .mejs-controls .mejs-captions-button {
	display: none;
}


/* loader spinner */

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: none;
	/*padding-left: 1em;*/
	/*padding-right: 1em;*/
	/*margin: auto;*/
	display: block;
	/*width: 195px;*/
}
.mejs-overlay-loading > span {
	background: none;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	margin: 48px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	position: absolute;
	top:-32px;
	left:-32px;
}
.mejs-overlay-loading > span,
.mejs-overlay-loading > span:before,
.mejs-overlay-loading > span:after {
	animation: 1.15s infinite ease-in-out;
		-o-animation: 1.15s infinite ease-in-out;
		-ms-animation: 1.15s infinite ease-in-out;
		-webkit-animation: 1.15s infinite ease-in-out;
		-moz-animation: 1.15s infinite ease-in-out;
}
.mejs-overlay-loading > span:before,
.mejs-overlay-loading > span:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-overlay-loading > span:before,
.mejs-overlay-loading > span:after {
		content: "";
}
.mejs-overlay-loading > span {
		animation: cssload-animation1 1.15s infinite linear;
		-o-animation: cssload-animation1 1.15s infinite linear;
		-ms-animation: cssload-animation1 1.15s infinite linear;
		-webkit-animation: cssload-animation1 1.15s infinite linear;
		-moz-animation: cssload-animation1 1.15s infinite linear;
}
.mejs-overlay-loading > span:before,
.mejs-overlay-loading > span:after {
		content: "";
		width: 80%;
		height: 80%;
		background-color: rgba(255,255,255, 0.9);
		top: 5%;
}
.mejs-overlay-loading > span:before {
		left: -5%;
		animation: cssload-animation2 1.15s infinite alternate ease-in-out;
		-o-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
		-ms-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
		-webkit-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
		-moz-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
		transform-origin: 10% 50%;
		-o-transform-origin: 10% 50%;
		-ms-transform-origin: 10% 50%;
		-webkit-transform-origin: 10% 50%;
		-moz-transform-origin: 10% 50%;
}
.mejs-overlay-loading > span:after {
		left: auto;
		right: -5%;
		animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
		-o-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
		-ms-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
		-webkit-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
		-moz-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
		transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform-origin: 90% 50%;
}
@keyframes cssload-animation1 {
	0%	 { transform: rotate(20deg); }
	100% { transform: rotate(380deg); }
}

@-o-keyframes cssload-animation1 {
	0%	 { -o-transform: rotate(20deg); }
	100% { -o-transform: rotate(380deg); }
}

@-ms-keyframes cssload-animation1 {
	0%	 { -ms-transform: rotate(20deg); }
	100% { -ms-transform: rotate(380deg); }
}

@-webkit-keyframes cssload-animation1 {
	0%	 { -webkit-transform: rotate(20deg); }
	100% { -webkit-transform: rotate(380deg); }
}

@-moz-keyframes cssload-animation1 {
	0%	 { -moz-transform: rotate(20deg); }
	100% { -moz-transform: rotate(380deg); }
}

@keyframes cssload-animation2 {
	0%	 { transform: scale(0); }
	100% { transform: scale(1); }
}

@-o-keyframes cssload-animation2 {
	0%	 { -o-transform: scale(0); }
	100% { -o-transform: scale(1); }
}

@-ms-keyframes cssload-animation2 {
	0%	 { -ms-transform: scale(0); }
	100% { -ms-transform: scale(1); }
}

@-webkit-keyframes cssload-animation2 {
	0%	 { -webkit-transform: scale(0); }
	100% { -webkit-transform: scale(1); }
}

@-moz-keyframes cssload-animation2 {
	0%	 { -moz-transform: scale(0); }
	100% { -moz-transform: scale(1); }
}
/* END: Oper ffm player */