/*video player*/
.player-container{height:435px; background-color:#000; width:867px; margin:50px auto 0;}
.player-container:after{display:block; content:''; clear:both;}
.player-container .player{height:inherit; position:relative; display:none; width:80%; float:left; overflow:hidden;}
.player-container > img{float:left; width:80%;}
.player-container .player .overlay{position:absolute; left:0px; right:0px; top:0px; bottom:8px; background-color:#000; opacity:0; background:url('../img/btn_pause_full.png') center center no-repeat transparent; cursor:pointer; z-index:2;
	-webkit-transition: opacity 300ms ease-in-out 0ms;
	-moz-transition: opacity 300ms ease-in-out 0ms;
	-ms-transition: opacity 300ms ease-in-out 0ms;
	-o-transition: opacity 300ms ease-in-out 0ms;
	transition: opacity 300ms ease-in-out 0ms;
}
.player-container .player iframe{position:relative; left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.player-container .player .overlay:hover{opacity:0.3 !important; alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; background-size:auto 74%;}
.player-container.paused .player .overlay{background-image:url('../img/btn_play_full.png'); background-size:auto 74%;}
.player-container .controls{height:inherit; position:relative; width:20%; float:right;}
.player-container .controls-wrapper{position:absolute; top:0px; bottom:0px; width:100%; padding-top:30px; padding-bottom:30px;}
.player-container .controls .btn-up, .player-container .controls .btn-down{position:absolute; height:32px; width:100%; background-color:#333;}
.player-container .controls .btn-up{top:0px;}
.player-container .controls .btn-down{bottom:0px;}
.player-container .controls ul{margin:0; padding:0;}
.player-container .controls ul li{padding:1px; height:111px; position:relative; cursor:pointer; height:108px; list-style:none !important; margin:0px !important; overflow:hidden;}
.player-container .controls ul li img{height:100%; max-width:auto; cursor:pointer;}
.player-container .controls ul li div.overlay{position:absolute; top:0px; bottom:0px; right:0px; left:0px; opacity:0.4; alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; color:#000; padding:10px; font-weight:700; text-transform:uppercase; text-align:center;}
.player-container .controls ul li span{position:absolute; bottom:0px; left:0px; right:0px; text-align:center; text-decoration:none; font-weight:600; color:#FFF; opacity:0.8; alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; font-size:14px; font-family:sans-serif; text-transform:uppercase;}
.player-container .controls ul li:hover div.overlay, .player-container .controls ul li.active div.overlay{background: url('../img/btn_play_small.png') center 8px no-repeat #AAA; background-size:42% 71%;}
.player-container .controls-wrapper:hover ul li.active div.overlay{opacity:0.25; alpha(opacity=25);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"}
.player-container .controls-wrapper:hover ul li:hover div.overlay{opacity:0.4; alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}
.player-container .controls ul li.active:hover div.overlay{background: url('../img/btn_pause_small.png') center 8px no-repeat #AAA; background-size:42% 71%;}
.player-container.paused .controls ul li.active div.overlay{background-image: url('../img/btn_pause_small.png'); background-size:42% 71%;}
.player-container.paused .controls ul li.active:hover div.overlay{background-image: url('../img/btn_play_small.png'); background-size:42% 71%;}
.player-container .controls ul li:hover div.overlay.overlay-image, .player-container .controls ul li.active div.overlay.overlay-image{background-image:none !important; background-color:#AAA;}
.player-container.no-more .controls-wrapper{padding-top:0px; padding-bottom:0px;}
.player-container.no-more .controls .btn-up, .player-container.no-more .controls .btn-down{display:none;}

body.touch-device .player-container .player .overlay{display:none;}

@media screen and (max-width:991px){
	body .player-container{width:100%; height:auto;}
	body .player-container .overlay{background:transparent !important;}
	body .player-container > img{width:100%; float:none;}
	body .player-container .player, body .player-container .controls{width:100%; display:block; float:none; }
	body .player-container .player{opacity:0; height:auto; padding-top:50%;}
	body .player-container .player .overlay{background-position:center 35% !important;}
	body .player-container .player iframe{position:absolute; top:0; bottom:0; height:100%;}
	body .player-container .controls{height:auto; margin-top:-27px;}
	body .player-container .controls-wrapper{position:static;}
	body .player-container .controls ul li{display:inline-block; margin-right:-4px !important; width:25%; height:auto; vertical-align:top;}
	body .player-container .controls ul li img{height:auto; max-width:100%;}
}