.thumbnail1
{
/*border:solid 1px transparent;*/

position: relative;
z-index: 0;
}
/*image01*/
.thumbnail1:hover
{
z-index: 10000;
}
.thumbnail1 span
{ /*CSS for enlarged image*/
position: absolute;
padding: 0.5em;
visibility: hidden;
opacity:0;
text-decoration: none;
transition: 1s;
}
.thumbnail1 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}
.thumbnail1:hover span
{ /*CSS for enlarged image on hover*/
display: block;
visibility: visible;
opacity: 1;
color:#ff0;
transition: 1s;
/*position where enlarged image should offset horizontally */
}
#test {   
    		-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       		-moz-animation: fadein 2s; /* Firefox < 16 */
        	-ms-animation: fadein 2s; /* Internet Explorer */
	         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;}
			@keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}
			@-moz-keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}
			@-webkit-keyframes fadein {    from { opacity: 0; }    to   { opacity: 1; }}
			@-ms-keyframes fadein {  from { opacity: 0; }    to   { opacity: 1; }}

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


*/