<style type="text/css">
.boxgrid{
width: 155px;
height: 200px;
margin:10px;
border: solid 2px #8399AF;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
background:#000;
cursor:pointer;
}
.boxgrid p {
padding: 50px 10px;
color:#8399AF;
font-weight:bold;
font:24pt "Lucida Grande", Arial, sans-serif;
text-align: center;
}
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260;
left: 0;
}
.caption .boxcaption {
top: 220;
left: 0;
}
</style>
