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

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

.popup span { /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0px;
	left: -200px;
	top: -300px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

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

.popup:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -300px;
	left: -300px; /*position where enlarged image should offset horizontally */

}