.thumbnail1
{
border:solid 1px transparent;
position: relative;
z-index: 0;
}
/*image01*/
.thumbnail1:hover
{
z-index: 50;
}
.thumbnail1 span
{ /*CSS for enlarged image*/
position: absolute;
padding: 0.5em;
margin: auto;



/*border:solid #555 1px;
border-top-left-radius: 1em;border-bottom-right-radius: 1em;
background-color: rgba(30,30,30,1);*/
visibility: hidden;
text-decoration: none;
opacity: 0;
transition: opacity 1s;

}
.thumbnail1 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}
.thumbnail1:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
/*background-color: transparent;*/
opacity: 1;
transition: opacity 1s;


/*position where enlarged image should offset horizontally */
}
/* -------------------------------------------------- */

.thumbnail2
{
border:solid 1px transparent;
position: relative;
z-index: 0;
}
/*image01*/
.thumbnail2:hover
{
z-index: 50;
}
.thumbnail2 span
{ /*CSS for enlarged image*/
position: absolute;
padding: 0.5em;

/*border:solid #ffb 1px;
-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;
background-color: rgba(30,30,30,1);*/
visibility: hidden;
text-decoration: none;
}
.thumbnail2 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}
.thumbnail2:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
/*background-color: rgba(30,30,30,1);*/

/*position where enlarged image should offset horizontally */
}

/* -------------------------------------------------- */

.thumbnail22
{
border:solid 1px transparent;
position: relative;
z-index: 0;
}
/*image01*/
.thumbnail2:hover
{
z-index: 50;
}
.thumbnail2 span
{ /*CSS for enlarged image*/
position: absolute;
padding: 0.5em;

/*border:solid #ffb 1px;
-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;
background-color: rgba(30,30,30,1);*/
visibility: hidden;
text-decoration: none;
}
.thumbnail2 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}
.thumbnail2:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
/*background-color: rgba(30,30,30,1);*/

/*position where enlarged image should offset horizontally */
}