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

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail div{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #606060;
	padding: 15px;
	left: -1000px;
	top: 20px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail div p{ /*CSS for caption*/
	padding: 0 6px;
	color: #C0C0C0;
}

.thumbnail div img.popup{ /*CSS for enlarged image*/
	border: 1px solid #000;
	padding: 0;
	margin: 0;
}

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

}
.thumbnail .img-shadow {
	background-color: #606060;
	padding: 9px;
	margin: 9px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }