.img-shadow {
  float:left;
  background: url(images/shadows/shadow.gif) no-repeat bottom right;
  margin: 3px 0 0 3px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 12px 12px -6px;
  padding: 0px;
  }

.img-shadow1 {
  float:left;
  background: url(images/shadows/shadow.gif) no-repeat bottom right;
  margin: 6px 0 0 6px;
  }

.img-shadow1 img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -4px 8px 8px -4px;
  padding: 0px;
  }

.img-shadow2 {
  float:left;
  background: url(images/shadows/shadow.gif) no-repeat bottom right;
  margin: 6px 0 0 6px;
  }

.img-shadow2 img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -4px 6px 6px -4px;
  padding: 0px;
  }

.table{
	border-color: green;
	border-width: 1px;
      }



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
position: relative;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail div{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}.thumbnail:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}

.thumbnail:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */
Z-index:999!important;
}