.zitem {
    width:125px;
    height:135px;
	padding:4px;
    margin:5px 5px 5px 0;

    /* 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:7;    /* old mozilla browser like netscape  */
   -khtml-opacity: 7;    /* for really really old safari */
   opacity: 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;
}

img.thumb {
   border:0;

   /* allow javascript moves the img position*/
   position:absolute;
}
.zitem .full
{
   position:absolute;
bottom:0;
}