a, a:visited, a:hover {color:#000;}

#container {position:relative; width:650px; height:550px; background:#ddd; border:1px solid #666; margin:10px auto;}

#container a.pics {float:left; margin:14px 0 14px 16px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:60px; height:60px; cursor:default;}
#container a.pics img.thumb {display:block; border:0; }

#container a.pics span {display:none; border:0; width:630px; background:#eee; margin:80px auto; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:0 auto; border:1px solid #000; }

#container a.pics:hover {white-space:normal; border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:8px; z-index:10; height:430px;}

#container a.pics:active {border:1px solid #05b;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:8px; z-index:5; height:430px;}

#container a.pics:focus {border:1px solid #05b; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:8px; z-index:5; outline:0;}

#container span.info {background:#eee; border:1px solid #fff; display:block; margin-top:8px; margin-left:8px; padding:10px; width:610px; text-align:center; z-index:1;}
#container span.info  img{border:1px solid rgb(0,0,0);}