@charset "windows-1251";
/* CSS Document */


.thumbnail-item { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;
	width: 280px; 
	height: 200px;
	border:1px solid #CCC;
	margin:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.thumbnail-item  img{cursor:pointer;}

.thumbnail-text p{
	font-size:14px ;	
}
.thumbnail-text { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;
	width: 280px; 
	height: 200px;
	border:none;
	margin:65px 5px 5px 5px;
	border-top:2px solid #F90;
	padding-top:10px;
}
.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {
	border:1px solid #ccc;
	float:left;
	width:150px;
	max-height: 200px;
	margin-right:10px;
}
		
.tooltip { 
	/* by default, hide it */
	display: none; 
	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly */
	padding:5px; 
	background:#FFF;
	border:3px solid #ccc;
}
.tooltip p{
	font-size:13px;	
}
.tooltip img{
	max-height:400px;
}
.tooltip span.overlay { 
	/* the png image, need ie6 hack though */
	_background: url(images/overlay.png) no-repeat; 
	/* put this overlay on the top of the tooltip image */
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: block;	
	}