
.gallerypic{
position: relative;
z-index: 0;
border: 0 5 5 0;
}

.pws {
width:125px;
height:83px;
}

.pwl {
width:400px;
height:266px;
}

.pts {
width:99px;
height:139px;
}

.ptl {
width:288px;
height:400px;
}

.gallerypic img {
border:none; 
background-color: orange;
}

.gallerypic:hover{
background-color: transparent;
z-index: 50;
}

.gallerypic span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
/*border: 1px solid orange;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.gallerypic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.gallerypic:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 60px;
left: 60px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoverfr:hover span { /*CSS for enlarged image on hover*/
left: 60px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hovercr:hover span { /*CSS for enlarged image on hover*/
left: -80px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hovercl:hover span { /*CSS for enlarged image on hover*/
left: -200px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoverfl:hover span { /*CSS for enlarged image on hover*/
left: -280px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoverufr:hover span { /*CSS for enlarged image on hover*/
top: -440px;
left: 90px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoverucr:hover span { /*CSS for enlarged image on hover*/
top: -440px;
left: -10px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoveruc:hover span { /*CSS for enlarged image on hover*/
top: -440px;
left: -100px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoverucl:hover span { /*CSS for enlarged image on hover*/
top: -440px;
left: -180px; /*position where enlarged image should offset horizontally */
}

.gallerypic.hoverufl:hover span { /*CSS for enlarged image on hover*/
top: -440px;
left: -260px; /*position where enlarged image should offset horizontally */
}
