@charset "utf-8";
/* CSS Document */

a, a:visited, a:hover, a:active {}

#gallery {
	width:800px;
	height: 650px;
	position:relative;
	border: 1px solid #333333;
	background-color: #000000;
	margin: auto;
}
#gallery .default {
	position:absolute;
	left:259px;
	top:275px;
	border:1px solid #888;
	z-index:-1;
}
#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	width:90px;
	float:right;
	height: 650px;
	overflow: auto;
}
#gallery ul li {
	display:inline;
	width:50px;
	height:50px;
	float:left;
	margin: 5px;
}

#gallery ul li a {
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;
	padding:4px;
	border:1px solid #000;
}
#gallery ul li a img {width:50px; height:50px; border:0;}

#gallery ul li a b {
	position:absolute;
	left:-9999px;
	display:block;
	width:700px;
	height:625px;
	background:#000;
}

#gallery ul li a:hover,
#gallery ul li a:active,
#gallery ul li a:focus {
	white-space:normal;
	border-color:#FF0000;
	outline:0;
}

#gallery ul li a:hover b {position:absolute; left:0; top:5px; z-index:100;}
#gallery ul li a:active b,
#gallery ul li a:focus b {position:absolute; left:0; top:5px;}


#gallery ul li a b i {
	display:block;
	width:700px;
	height:625px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#gallery ul li a b i img {
	width:auto;
	height:auto;
}



[if lte IE 7]>
<style type="text/css">
#gallery .default {top:55px;}
#gallery ul li a b {text-align:center; z-index:-1;}
#gallery ul li a b span {
	display:block;
	width:0;
	display:inline-block;
	vertical-align:middle;
	#height:100%;
} 
#gallery ul li a b img {margin:0 auto; display:inline-block; vertical-align:middle;}
</style>
<![endif]