.imgover
{
	z-index: 500;
	width: 100%;
	background-color: black;
	-moz-opacity: 0.7;
	opacity: 0.7;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	filter: alpha(true, finishopacity=integer, finishx=integer, finishy=integer, opacity=integer, startx=integer, starty=integer, style=integer);
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=70,Style=0);
	cursor: pointer;
}

.imgover-hidden
{
	display: none;
}

.imgover-img
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
/*	cursor: pointer;*/
	z-index: 501;
}

#ioobal
{
/*	position: relative;*/
	margin-left: auto;
	margin-right: auto;
}

.imgover-img img
{
	border: 10px solid white;
	background-color: black;
/*	border-bottom: 39px solid white;*/
	float: left;
	cursor: pointer;
}

.imgover-img a
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#io-next
{
	position: absolute;
	top: 50%;
	right: 0px;
	left: auto;
	width: 67px;
	height: 99px;
	background-image: url("gallery-next.gif");
	background-repeat: no-repeat;
	opacity: 0.3;
		-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
/*	background-position: -100px -100px;*/
}
/*
#io-next:hover
{
	background-position: right 11%;
}

#io-prev:hover
{
	background-position: left 11%;
}
*/
.imgover-img a span
{
	display: none;
}

#io-prev
{
	position: absolute;
	top: 50%;
	left: 0px;
	background-image: url("gallery-prev.gif");
	background-repeat: no-repeat;
/*	background-position: -100px -100px;*/
	width: 67px;
	height: 99px;
	opacity: 0.3;
		-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#io-prev:hover,
#io-next:hover
{
	opacity: 1;
}



#io-loader
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#io-loader div
{
	position: relative;
	left: -16px;
	top: -16px;
	background-color: white;
	background-image: url("loader.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1000;
}







@media screen and (max-height : 400px)
{
	#io-prev,
	#io-next
	{
		width: 34px;
		height: 50px;
		background-size: cover;
	}
}


@media screen and (max-width : 320px)
{
	#io-prev,
	#io-next
	{
		width: 34px;
		height: 50px;
		background-size: cover;
	}
}