ul.enlarge{
	list-style-type:none; /*remove the bullet point*/
 	margin-left:-20px;
  }
ul.enlarge li{
 display:inline; /*places the images in a line*/
 position:relative;
 z-index:0; /*resets the stack order of the list items - later we'll increase this*/
 padding:0;
 margin:0; 
 }
 ul.enlarge img{
 padding:0px;
 margin:0px; 
}
ul.enlarge span{
 position:absolute;
 left: -9999px;
 background-color:#eae9d4;
 padding: 10px;
 font-family: 'Droid Sans', sans-serif;
 font-size:.9em;
 text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
 -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
 box-shadow: 0 0 20px rgba(0,0,0, .75);
 -webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
 }
 ul.enlarge li:hover{
 z-index: 50;
 cursor:pointer;
 }
 ul.enlarge span img{
 padding:2px;
 background:#ccc;
 }
 ul.enlarge li:hover span{ 
top: -350px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 left: -10px; /*distance from the left of the thumbnail to the left of the popup image*/
 }
 ul.enlarge li:hover:nth-child(2) span{
 left: 0px; 
}
 ul.enlarge li:hover:nth-child(3) span{
 left: 10px; 
}