#container {position:relative; width:600px; height:670px; color:#fff; background:#bbb; border:1px solid #000; margin:25px auto; font-family:verdana, arial, sans-serif; font-size:102%; text-align:center;}
#container a.pics {float:left; margin:8px 23px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:100px; cursor:default;}
#container a.pics img.thumb {display:block; border:0;}
#container a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:10px 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:160px; z-index:10; height:500px;}
#container a.pics:active {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:160px; z-index:5; height:500px;}
#container a.pics:focus {border:1px solid #fc0; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:160px; z-index:5; outline:0;}
#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}
#container span.useinfo {font-size:60%; position:relative; margin-top:30px; color:#fff; }

#container2 {position:relative; width:600px; height:665px; color:#fff; background:#bbb; border:1px solid #000; margin:25px auto; font-family:verdana, arial, sans-serif; font-size:102%;}
#container2 a.pics {float:left; margin:8px 23px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:100px; cursor:default;}
#container2 a.pics img.thumb {display:block; border:0;}
#container2 a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container2 a.pics span img {margin:10px auto; border:1px solid #000;}
#container2 a.pics:hover {white-space:normal; border:1px solid #fff;}
#container2 a.pics:hover span {display:block; position:absolute; left:9px; top:155px; z-index:10; height:500px;}
#container2 a.pics:active {border:1px solid #fc0;} 
#container2 a.pics:active span {display:block; position:absolute; left:9px; top:155px; z-index:5; height:500px;}
#container2 a.pics:focus {border:1px solid #fc0; outline:0;}
#container2 a.pics:focus span {display:block; position:absolute; left:9px; top:155px; z-index:5; outline:0;}
#container2 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container2 span.info a {color:#000;}
#container2 span.info a:hover {text-decoration:none;}

#container3 {position:relative; width:600px; height:665px; color:#fff; background:#bbb; border:1px solid #000; margin:25px auto; font-family:verdana, arial, sans-serif; font-size:102%;}
#container3 a.pics {float:left; margin:8px 23px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:100px; cursor:default;}
#container3 a.pics img.thumb {display:block; border:0;}
#container3 a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container3 a.pics span img {margin:10px auto; border:1px solid #000;}
#container3 a.pics:hover {white-space:normal; border:1px solid #fff;}
#container3 a.pics:hover span {display:block; position:absolute; left:9px; top:155px; z-index:10; height:500px;}
#container3 a.pics:active {border:1px solid #fc0;} 
#container3 a.pics:active span {display:block; position:absolute; left:9px; top:155px; z-index:5; height:500px;}
#container3 a.pics:focus {border:1px solid #fc0; outline:0;}
#container3 a.pics:focus span {display:block; position:absolute; left:9px; top:155px; z-index:5; outline:0;}
#container3 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container3 span.info a {color:#000;}
#container3 span.info a:hover {text-decoration:none;}

#container4 {position:relative; width:600px; height:665px; color:#fff; background:#bbb; border:1px solid #000; margin:25px auto; font-family:verdana, arial, sans-serif; font-size:102%;}
#container4 a.pics {float:left; margin:8px 23px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:100px; cursor:default;}
#container4 a.pics img.thumb {display:block; border:0;}
#container4 a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container4 a.pics span img {margin:10px auto; border:1px solid #000;}
#container4 a.pics:hover {white-space:normal; border:1px solid #fff;}
#container4 a.pics:hover span {display:block; position:absolute; left:9px; top:155px; z-index:10; height:500px;}
#container4 a.pics:active {border:1px solid #fc0;} 
#container4 a.pics:active span {display:block; position:absolute; left:9px; top:155px; z-index:5; height:500px;}
#container4 a.pics:focus {border:1px solid #fc0; outline:0;}
#container4 a.pics:focus span {display:block; position:absolute; left:9px; top:155px; z-index:5; outline:0;}
#container4 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container4 span.info a {color:#000;}
#container4 span.info a:hover {text-decoration:none;}