.container {
position:relative;
font-size:0.8em;
text-align:left;
margin:0 0 5px 20px;
}
.thumbnail img {
border:1px solid black;
margin:0;
}
.thumbnail:hover {
background-color:transparent;
}
.thumbnail:hover img {
border:1px solid black;
}
.thumbnail span {
position:absolute;
background-color:#FCF8DC;
padding:5px;
top:0px;
left:-900px;
border:1px dashed black;
visibility:hidden;
color:black;
text-decoration:none;
}
.thumbnail span img {
border:0;
padding:2px;
}
.thumbnail:hover span {
visibility:visible;
top:0px;
left:-925px;
z-index:50;
}
span#t1 {
top:-10px;
}
span#t2 {
top:-10px;
}
span#t3 {
top:-10px;
}
span#t4 {
top:-10px;
}
span#t5 {
top:-10px;
}
span#t6 {
top:-10px;
}
span#t7 {
top:-10px;
}
span#t8 {
top:-10px;
}
span#t9 {
top:-10px;
}
span#t10 {
top:-10px;
}
span#t11 {
top:-10px;
}
span#t12 {
top:-10px;
}
span#t13 {
top:-10px;
}
span#t14 {
top:-10px;
}
span#t15 {
top:-10px;
}
span#t16 {
top:-10px;
}
span#t17 {
top:-10px;
}
span#t18 {
top:-10px;
}
span#t19 {
top:-10px;
}
span#t20 {
top:-10px;
}
span#t21 {
top:-10px;
}