/* This container helps the thumbnail behave as if it were an unscaled IMG element */
	.thumbnail-container {
	  max-width: 100%;
	  height: 100px;
	  display: block;
	  overflow: hidden;
	  position: relative;
	  background: #f9f9f9;
	}

	/* Image Icon for the Background */
	.thumbnail-container::before {
	 /*  position: absolute;
	  left: ~"calc(50% - 16px)";
	  top: ~"calc(50% - 18px)";
	  opacity: 0.2;
	  display: block;
	  -ms-zoom: 2;
	  -o-transform: scale(2);
	  -moz-transform: scale(2);
	  -webkit-transform: scale(2);
	  content: url("http://172.29.226.11/NS/images/th_progress.png"); */
	}

	/* This is a masking container for the zoomed iframe element */
	.thumbnails {
	  -ms-zoom: 0.1825;
	  -moz-transform: scale(0.1825);
	  -moz-transform-origin: 0 0;
	  -o-transform: scale(0.1825);
	  -o-transform-origin: 0 0;
	  -webkit-transform: scale(0.1825);
	  -webkit-transform-origin: 0 0;
	}

	/* This is our screen sizing */
	.thumbnails, .thumbnails iframe {
	  width: 1290px;
	  height: 980px;
	}

	/* This pseudo element masks the iframe, so that mouse wheel scrolling and clicking do not affect the simulated "screenshot" */
	.thumbnails:after {
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	}