img[data-action="zoom"], div[data-action="zoom"] img {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}


out.zoom-img, .zoom-img-wrap {
	position: absolute;
	z-index: 66666666;
/*	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
*/	position: fixed;
	 background: #ffffffc9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.zoom-img {
  position: absolute;
  z-index: 666;
  
  top: 50%;
  left: 50%;

  background-color: white;
}

.zoom-img-animation {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}


img.zoom-img {
	cursor: pointer;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
}

.zoom-overlay {
	z-index: 420;
	background: #fff;
	OUTbackground: yellow;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	filter: "alpha(opacity=0)";
	opacity: 0;
	-webkit-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
	filter: "alpha(opacity=100)";
	opacity: 1;
}

.zoom-overlay-open, .zoom-overlay-transitioning {
	cursor: default;
}