/*****************************************************/
/*     Player Desenvolvido por Pablo Cardellino      */
/*                     nov/2015                      */
/*  Pode ser usado, no todo ou em parte, livremente  */
/*  Componentes:                                     */
/*  imgPlayer.js                                     */
/*  imgPlayer.css                                    */
/*  imgPlayer.htm - Exemplo                          */
/*****************************************************/

.imgPlayerBox {
	text-align: center;
	padding: 0;
	border: 0;
	width:100%;
}
.imgPlayerBox .imgPlayerMiniatura {
	text-align: center;
	display: block;
}
/*
.imgPlayerBox {
	margin: 0;
	padding: 0;
	border: 0;
}
*/

.imgPlayerBox .imgPlayer {
	display: none;
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #222222;
	top: 0;
	left: 0;
	text-align: center;
}
.imgPlayerBox .imgPlayerControles {
	position: fixed;
	z-index: 11;
	width: 100%;
	height: 100%;
}
.imgPlayerBox .imgPlayerControlEsq, .imgPlayerBox .imgPlayerControlDir {
	position: fixed;
	width: 50%;
	height: 100%;
	padding: 0;
	vertical-align: middle;
	font: 900 48pt "Wingings", serif ;
	color: #aaaaaa;
}
.imgPlayerBox .imgPlayerControlEsq {
	left: 0;
	text-align: left;
}
.imgPlayerBox .imgPlayerControlDir {
	right: 0;
	text-align: right;
}
.imgPlayerBox .imgPlayerControlEsq p, .imgPlayerBox .imgPlayerControlDir p {
	position: relative;
	top: 45%;
}
.imgPlayerBox .imgPlayerControlEsq:hover, .imgPlayerBox .imgPlayerControlDir:hover {
	 color: #eee;
}
.imgPlayerBox .imgPlayerControlFechar {
	font: 500 48pt sans-serif;
	color: #aaaaaa;
	position: fixed;
	top: 10px;
	right: 10px;

}
.imgPlayerBox .imgPlayerControlFechar:hover {
	color: #dddddd;
}
.imgPlayerBox .imgPlayerImg {
	display: none;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	vertical-align: middle;
}