.viewer
	{
	position: fixed;
	margin: auto;
	top:0; left:0; right:0; bottom:0;
	background-color: #ffffff;
	overflow: visible;
	box-shadow: 4px 4px 8px #707070;
	opacity: 0;
	z-index: -1;
 	filter: alpha(opacity=0);
	}

 .viewer-bg
	{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000510;
	opacity: 0;
	z-index: -1;
 	filter: alpha(opacity=0);
	}

 .viewer-main-container
	{
	position: absolute;
	top: 15px; left: 15px; right: 15px;
	bottom: 40px;
	overflow: hidden;
	}

 .viewer-container
	{
	position: absolute;
	top:0px; left:0px; right:0px; bottom:0px;
	width: 100%;
	height: 100%;
	}

 .viewer-image
	{
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
	z-index: 1001;
	}

 .viewer-loading
	{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: RGBA(255, 255, 255, 0.6);
	opacity: 0;
	background-image:url('images/viewer-loading.gif');
	background-repeat: no-repeat;
	}

 .viewer-close-btn
	{
	position: absolute;
	top: -8px;
	right: -8px;
	width: 30px;
	height: 30px;
	background-image:url('images/viewer-close.png');
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 1003;
	}

 .viewer-back-btn
	{
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	width: 200px;
	background-image: url('images/viewer-back.png');
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	z-index: 1003;
	}

 .viewer-next-btn
	{
	position: absolute;
	top: 10px;
	bottom : 10px;
	right: 10px;
	width: 200px;
	background-image:url('images/viewer-next.png');
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
	z-index: 1003;
	}

 .viewer-comment
	{
	position: absolute;
	left:0; right:0; bottom:0;
	height: 35px;
	background-color: #222222;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.17),rgba(0, 0, 0, 0.32));
	background: -moz-linear-gradient(rgba(0, 0, 0, 0.17),rgba(0, 0, 0, 0.32));
	z-index: 1003;
	opacity: 0;
	}

 .viewer-photo-name
	{
	position: absolute;
	top: 10px;
	left: 20px;
	color: #000000;
	font-weight: bold;
	}

 .viewer-photo-n
	{
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #000000;
	font-weight: bold;
	}