.thumbnail-item { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;  
	margin: 5px; 
}

.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {
	border:1px solid #DDD;	
}
		
.tooltip { 
	/* by default, hide it */
	display: none; 
	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly */
	padding: 8px 0 0 8px; 
}

	.tooltip span.overlay { 
		/* the png image, need ie6 hack though */
		/* */
		/* put this overlay on the top of the tooltip image */
		position: absolute; 
		bottom: 0px; 
		left: 0px; 
		display: none; 
		width: 100%; 
		height: 20px;
		background: url(http://www.zvejusenamiestis.lt/images/bg-black.png);
	}
