@charset "utf-8";

.picbox {
	width: 155px;
	height: 155px;
	float:left;
	text-align:center;
	cursor:pointer;	
	overflow: hidden; 
	display: table; 
}

.picbox:hover {
	background-color:#FFF;
}

.picboxpos {
	display: table-cell; 
	vertical-align: middle;
}

#wrapper {
	background-image:url(dark.png);
	width:100%;
	height:100%;
	z-index:500;
	top:0px;
	left:0px;
	display: none;
	position:fixed;
	text-align:center;
}

#viewer {
	width: 100%;
	height: auto;
	color:#FFFFFF;
	position:fixed;
	text-align: center;
	top: 50%;
	margin-top:0px;
}

#viewer_img {
	height: auto;
}

#idlbl {
	color:#FFF;
	font-size:11px;
}

#preload {
	display:block;
	position:fixed;
	top: -100%;
	left: -100%;
	z-index:0;
}

#loading_icon {
	visibility: hidden;	
}

#vcL {
	position:fixed;
	left:0;
	top:0;
	width: 23px;
	height:100%;
	z-index: 501;
	display:none;
}

#vcR {
	position:fixed;
	right:0;
	top:0;
	width: 23px;
	height:100%;
	z-index: 501;
	display:none;
}

.g_button {
	position: fixed;
	top: 50%;
	height: 23px;
	margin-top: -68px;
	cursor:pointer;
}