.thumbnail
{
	position: relative;
	z-index: 0;
}

.thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	border: 1px solid black;
	visibility: hidden;
	color: black;
	text-decoration: none;	
}

.thumbnail span img
{ 
	/*CSS for enlarged image*/	
	border: 5px solid;
	color: #FFF;
	position: absolute;
}

.thumbnail:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}

.thumbnail-black
{
	position: relative;
	z-index: 0;
}

.thumbnail-black:hover
{
	background-color: transparent;
	z-index: 50;
}

.thumbnail-black span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	color: black;

	background: url(http://www.fun-dering.com/fd3/web/images/effect2.gif) #d7dbdd repeat-x;
	border-right: #93a1aa 1px solid; 
	padding-right: 2px; 
	border-top: #93a1aa 1px solid; padding-left: 2px; 
	padding-bottom: 2px; 
	border-left: #93a1aa 1px solid; 
	padding-top: 2px; 
	border-bottom: #93a1aa 1px solid; 	
}

.thumbnail-black span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail-black:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}