.gallery {
width:240px; position:relative; padding-top:195px; cursor:pointer;}

.gallery ul {list-style:none; padding:0; margin:0; float:left;}
.gallery ul li {display:inline; width:12px; height:12px; float:left;  cursor:pointer; margin-right:7px;}

*html .gallery ul li  {
margin-right:3px;
}

.gallery ul li:hover {display:inline; width:12px; height:12px; float:left;  cursor:pointer; margin-right:7px;}

*html .gallery ul li:hover  {
margin-right:3px;}

.gallery ul li.hide {display:none;}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
.gallery ul li img {visibility:visible; display:block; width:12px; height:12px;

border:#868686 thin solid;
border-width:1px;
padding:1px;
}

.gallery ul li img:hover {visibility:visible; display:block; width:12px; height:12px;

border: #000000 thin solid;
border-width:1px;
padding:1px;

}



.gallery ul li span {
	display:none;
	position: absolute;
	left:274px;
	top:110px;
	width:411px;
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:11px;
	line-height:15px;
	text-align:justify;
}
.gallery ul li b {color:#444;}

.gallery ul li.chosen { cursor:default; width:16px; height:16px; margin-right:3px;
background-color: #FF00FF;}

*html .gallery ul li.chosen  {
margin-right:3px;}


.chosen_img {position:absolute; left:0; top:0; width:240px; height:186px;

border:#868686 thin solid;
border-width:1px;
padding:1px;

}

.chosen_img:hover {position:absolute; left:0; top:0; width:240px; height:186px;

border: #000000 thin solid;
border-width:1px;
padding:1px;

}

.chosen_img i {width:240px; height:186px; display:table-cell; vertical-align:middle; text-align:center;} 
.chosen_img i img {visibility:visible; width:auto; height:auto; margin:0 auto;
}

.gallery ul li.chosen span {display:block; color:#000000;}