.box{display:block; float:left;  
border:none; padding:none; margin:none;margin-left:25px;color:silver; height:270px; width:270px; text-align:center;}

img{border:solid #fff 3px;}

a.enlarge, a.enlarge:visited {
position:relative;/* */
z-index:1;
}
a.enlarge b {position:absolute; visibility:hidden; 
left:0px;}
a.enlarge:hover {
text-decoration:none;
border:solid #fff 3px; /* needed for this to work in IE */ 
z-index:1000;
}

a.enlarge:hover b/*, a.enlarge:focus b, a.enlarge:active b */{
visibility:visible; /* make the image visible */
/*height:150px;  now give it a height */
cursor:pointer; /* for IE */
z-index:500;border:solid #fff 3px;
/*background:#fff;padding:5px;*/

}
a.enlarge:hover b img, a.enlarge:active b img, a.enlarge:focus b img   {
border:solid #fff 3px;/* solid #fff 8px remove the link border */
}