/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding: 20px; }
/* begin gallery styling */
#jgal { 
       list-style: none; 
       width: 200px; 
}
#jgal li { 
       opacity: .5; 
       float: left; display: block; 
       width: 60px; 
       height: 60px; 
       background-position: 50% 50%; 
       cursor: pointer; 
       border: 3px solid #fff; outline: 1px solid #ddd; 
       margin-right: 14px; 
       margin-bottom: 14px; 
}
#jgal li img { 
       position: absolute; 
       top: 140px; 
       left: 280px; 
       display: none; 
}
#jgal li.active img { 
       display: block; 
}
#jgal li.active, #jgal li:hover { 
       outline-color: #bbb; 
       opacity: .99 /* safari bug */ 
       }