#imageviewer {
	position:fixed;
	background-color:white;
	transition:opacity 0.5s;
}

	.imageviewer-hidden{
		top:-1000%;
		left:0px;
		height:100%;
		width:100%;					
	}
	
	.imageviewer-visible{
		top:0px;
		left:0px;
		height:100%;
		width:100%;					
	}				


	#imageviewer-loading {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width:50%;
		height:50%;
		opacity:0;
	}
	
		#imageviewer-loading-text {
			opacity:0.8;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			max-width: 100%;
			max-height: 100%;
			text-align:center;
			color:black;
			font-weight:bold;
			animation:colorchange 3s infinite;
		}
		
		@keyframes colorchange {
			0%   {color: black;}
			50%  {color: white;}
			100% {color: black;}
		}

	#imageviewer-image {
		opacity:0;
		transition:opacity 0.5s;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		max-width: 100%;
		max-height: 100%;
	}
	
	#imageviewer div, #imageviewer a  {
		text-decoration:none;
		transition:opacity 0.5s ease;
	}
		#imageviewer-download {
			position:absolute;
			top:17px;
			left:20px;
			opacity:0.5;
		}

		#imageviewer-rotate {
			position:absolute;
			top:17px;
			left:68px;
			opacity:0.5;
		}

		#imageviewer-add {
			position:absolute;
			top:16px;
			left:113px;
			opacity:0.5;
		}

			#imageviewer-download img, #imageviewer-rotate img, #imageviewer-add img  {
				width:35px;
			}
		#imageviewer-close {
			position:absolute;
			top:3px;
			right:20px;
			color:black;
			font-weight:bold;
			font-size:2.5em;
			opacity:0.5;
		}
		#imageviewer-prev {
			position:absolute;
			top:calc(50% - 40px);
			left:0px;
			line-height:70px;
			padding:5px;
			background-color:#aaa;
			opacity:0.4;
			color:white;
			font-size:2em;
		}	
		#imageviewer-next {
			position:absolute;
			top:calc(50% - 40px);
			right:0px;
			line-height:70px;
			padding:5px;
			background-color:#aaa;
			opacity:0.4;
			color:white;
			font-size:2em;
		}
			#imageviewer-download:hover, #imageviewer-add:hover, #imageviewer-rotate:hover, #imageviewer-prev:hover, #imageviewer-next:hover, #imageviewer-close:hover {
				opacity:0.8;
			}