/*---------------popup-----------*/	

.popup{
	position: relative;
	z-index: 0;
}
.popup:hover{
	background-color: transparent;
	z-index: 5;
}
.popup span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 2px;
	left: -5000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width:auto;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -30px;
	left: 100px; /*position where enlarged image should offset horizontally */
	height:auto;
	width:400px;
}
/*--------------------------*/	

/*---------------popup-----------*/	

.popuptop{
	position: relative;
	z-index: 0;
}
.popuptop:hover{
	background-color: transparent;
	z-index: 5;
}
.popuptop span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 2px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width:auto;
}

.popuptop:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 18px;
	left: -20px; /*position where enlarged image should offset horizontally */
	height:auto;
	width:70px;
}
/*--------------------------*/