.zitem {



	

	/* required to hide the image after resized */

	overflow:hidden;

	

	/* for child absolute position */

	position:relative;

	

	/* display div in line */

	float:left;

}



.zitem .caption {

	width:125px;

	height:30px;

	background:#000;

	color:#FFF;

		

	/* fix it at the bottom */

	position:absolute;

	bottom:-1px; /* fix IE issue */

	left:0;



	/* hide it by default */

	display:none;



	/* opacity setting */

	filter:alpha(opacity=70);    /* ie  */

	-moz-opacity:0.7;    /* old mozilla browser like netscape  */

	-khtml-opacity: 0.7;    /* for really really old safari */  

	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */



}



.zitem .caption a {

	text-decoration:none;

	color:#fff;

	font-size:12px;	

	

	/* add spacing and make the whole row clickable*/

	padding:5px;

	display:block;

}



.zitem a img {

	border:0;

	 -ms-interpolation-mode: bicubic;

	/* allow javascript moves the img position*/

	position:absolute;

}