﻿.viewer-main{
	background-color:#0d0e0e;
	padding: 8px;
}
.viewer-main[class~=viewer-one-item] .viewer-next,
.viewer-main[class~=viewer-one-item] .viewer-prev,
.viewer-main[class~=viewer-one-item] .viewer-bottom,
.viewer-main[class~=viewer-one-item] .viewer-scroll{
	display:none;
}
.viewer-main[class~=viewer-zero-item]{
	display:none;
}
	.viewer-bottom{
		height:74px;
		margin:8px 0 0px 0;
		overflow:hidden;
	}
		.viewer-icons{
			height:74px;
			overflow:hidden;
		}
			.viewer-icon{
				height:70px;
				position:relative;
				float: left;
				margin-right: 10px;
				margin-top: 2px;
			}
				.viewer-icon .viewer-video-icon{
					position:absolute;
					top:50%;
					left:50%;
					height:0;
					width:0;
				}
					.viewer-icon .viewer-video-icon span{
						width:54px;
						height:54px;
						background-image: url("../img/icon_g1.png");
						/*background-image: url("./jquery.viewer.video.png");*/
						display: block;
						margin-top: -27px;
						margin-left: -27px;
					}
			.viewer-icon:last-child{
				margin-right: 2px;
			}
			.viewer-icon:first-child{
				margin-left: 2px;
			}
			.viewer-icon img{
				height:70px;
			}
			.viewer-icon-border{
				position:absolute;
				top:-2px;
				bottom:-2px;
				left:-2px;
				right:-2px;
				border:2px solid #444;
			}
			.viewer-icon-border:hover{
				border:2px solid #666;
			}
			.viewer-icon[class~=select] .viewer-icon-border{
				border:3px solid #fff;
				/*
				background-image:url('./jquery.viewer_select.png');
				background-repeat:no-repeat;
				background-position:center top;
				*/
			}
			
	.viewer-scroll{
		height:10px;
		background-color:#606060;
		position:relative;
		margin-bottom: 6px;
		margin-top: 15px;
	}
	.viewer-scroll[class~=viwer-disable]{
		display:none;
	}
		.viewer-scroll-button{
			position:absolute;
			background-color:#808080;
			width:60px;
			height:24px;
			top:-7px;
			left:0px;
			bottom:0px;
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAfdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA/Pz8/Pz8gMy41LjJ5rpbCAAAAQklEQVQoU52KMQoAIBDD7v+/k3uMq7olYB0MFEJJfdPdc2+8XJwT0dVFiugiRXSRIrpIEV2kiC5SRBcpoosU0T+oWpizxcs2MmSNAAAAAElFTkSuQmCCDQo=');
			/*background-image: url("./jquery.viewer.scroll.png");*/
			background-position:center;
			background-repeat:no-repeat;
			border-radius:2px;
			cursor:default;
			box-shadow: 0px 0px 5px 2px rgba(255,255,255,0.2);
		}
		.viewer-scroll-button:hover, .viewer-scroll-button[class~=viewer-hover]{
			background-color:#909090;
			box-shadow: 0px 0px 5px 2px rgba(255,255,255,0.5);
		}
	.viewer-top{
		overflow:hidden;
		padding-bottom:8px;
		border-bottom:dashed #3A3939 1px;
		position:relative;
	}
		.viewer-next, .viewer-prev{
			position: absolute;
			right: 0;
			top: 42px;
			bottom: 50px;
			left:0;
			width: 40px;
			z-index: 1;
			cursor:pointer;
		}
		
		.viewer-next span, .viewer-prev span{
			position:absolute;
			width:0;
			height:0;
			left:50%;
			top:50%;
		}
		.viewer-next span span, .viewer-prev span span{
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAfdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA/Pz8/Pz8gMy41LjJ5rpbCAAABiUlEQVRIS6WUvU4CQRSFFzFCwWvYaSINaDAUxgYo7ERCfFIjNMbGnxew8KezUBNfYD3f5CwQdmEH/JKTzN5z7t3Z2c0mMaRpuiNVfcl1lZov/4cG1aUz6VzadY01tXoIbQsDpWvpV3qSTl1nTQ0v3HRj1MgxXEnfEtxILXusAY/M7PiiUAM7v5R+JJhKTdv4TdeADNm4J1GQFzqWOAJg0IHtGdTsAVl6yl+8QiMp2/lEOrSVA88ZoGdkqxgFhlJ25oU7X4aMs0Dv0NYcFRsSO/+S4FZaufNlyLoHmMGshu0Q6EifEjxL+7aioce9wKyOrWC2pRccQejIVjT0uBeY1bYVzJrUk94keJSObZdC1j3ADGbVbM+x8SpB1E3IOAv09mwVo0BfeictHqQTWznwnAF6+rbWo+BA+qBLMCD3JNTsAdmBrTjUwHEtPknXFl7XNSCz/lhWoUaeJHvxd1L49LwGvM12voiaK9KFxBHcS+HT85oaXiWEt0UD+G23JM58zzXW1Ep+00nyB6syiT3deJKeAAAAAElFTkSuQmCC") center no-repeat;
			/*background: url("./jquery.viewer.next_prev.png") center no-repeat;*/
			width:12px;
			height:19px;
			position:absolute;
			top:-9.5px;
			left:-6px;
			z-index:2;
		}
		.viewer-next span span{
			background-position:-12px 0px;
		}
		.viewer-prev span span{
			background-position:-0px 0px;
		}
		.viewer-next:hover, .viewer-prev:hover{
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAAB90RVh0U29mdHdhcmUAUGFpbnQuTkVUID8/Pz8/PyAzLjUuMnmulsIAAAANSURBVBhXY/j//782AAknAylsMrGOAAAAAElFTkSuQmCC");
			top:0;
			bottom:8px;
		}
		.viewer-next{
			left:auto;
		}
		.viewer-prev{
			right:auto;
		}
		.viewer-img img{
			display:block;
			margin:0 auto;
		}
		.viewer-video .viewer-video-elem{
			background-position: 0 0;
			background-repeat:no-repeat;
			background-color:#000;
			background-size: 100%;
			width:100%;
			height:100%;
		}
		.viewer-video .viewer-video-error{
			display:none;
			color: #000;
			text-align:center;
			height:100%;
			background-color:#fff
		}
			.viewer-video .viewer-video-elem[class~=is-ready]{
				background-image: none;
			}
			.viewer-video .viewer-video-elem[class~=is-fullscreen]{
				max-height:none !important;
			}
			.viewer-video .viewer-video-elem .is-poster{
				background-size: 100%;
			}

.viewer-info{
	color: #ccc;
	border-bottom: dashed #3A3939 1px;
	font-size:12px;
}
.viewer-both{
	clear:both;
	height:1px;
}

/*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fbox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fbox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/fbox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-prev span {
	left: -35px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: -35px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fbox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
