.greenfigureOverlay {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}


.greenfigure {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.greenfigure img {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		border: 0;
		max-width: 100%;
	}
	.greenfigure-media {
		display: table;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 70px;
	}
		.greenfigure-media-wrapper {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
		}

		.greenfigure-arr {
			width: 9px;
			height: 16px;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
		}
		.greenfigure-arr--prev {
		
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL5JREFUeNpi+v//PwMObAjEzCA2LgUuQPwLiM8AsQE2BRpA/P4/BLwGYiV0BaJAfAeqAGSSA7p17EB85D8CpMPkYAoYgXgxkoKpyDbAGDVICvYCMSu6ogAg/gdVcBeIhdE9w8TAwPAHiIHKwQDE/seADqCqK5Cs2wXELNjcBMJzkBROxKUI5Nh9SApTsSkCYSEgvglV9BOI7XHFnSoQv0WKFgUmBkxwG4iDgfgXEN8HYgEGPElFB4iZQGyAAAMA6imlNG1koI8AAAAASUVORK5CYII=);
		}
		.greenfigure-arr--next {
		
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALtJREFUeNpi+v//PwMQMwOxIZSNgUGEARCfAeJfQOyCS5ESEL/+DwHvgVgDmyIQdoCaBAJ3gFgUmyIQTv+PAEeAmB2bIhCeiqRwMRAzYlPECsR7kRTWYFMEwsJAfBeq6B8QBzAxYIJ/QPwHyv4PZqOZwgLEu5Csq8Bm3UQkBXOw+S4VScE+qCdQFNkD8U+ogptALIQemApI0fIWiFXRfQzynQAQ3wfiX0AcDMS3MfwLVc0ExDq4kgpAgAEAGCClNAWM3XcAAAAASUVORK5CYII=);
		}

		.greenfigure-media-arr {
		display:none;
			background-color: rgba(0,0,0,.0);
			position: absolute;
			width: 50px;
			height: 300px;
			cursor: pointer;
			z-index: 2101;
			top: 0;
			bottom: 0;
			margin: auto;
		}
			.greenfigure-media-arr--prev {
			
				left: 0;
			}
			.greenfigure-media-arr--next {
			
				right: 0;
			}
			.greenfigure-media-arr:hover {
				background-color: #222;
				background-color: rgba(0,0,0,.4);
			}

	.greenfigure-thumbs {
	display:none;
		left: 0;
		right: 0;
		bottom: 0;
		height: 65px;
		position: absolute;
		overflow: hidden;
		text-align: center;
		z-index: 2100;
		white-space: nowrap;
		padding-left: 60px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.greenfigure-thumbs-content {
			position: relative;
			display: inline-block;
		}
		.greenfigure-thumbs-content:after {
			content: '';
			height: 1px;
			width: 60px;
			display: inline-block;
		}

	.greenfigure-thumbs-arr {
	display:none;
		background-color: rgba(0,0,0,.0);
		position: absolute;
		width: 50px;
		height: 70px;
		cursor: pointer;
		z-index: 2101;
		bottom: 0;
	}
		.greenfigure-thumbs-arr--prev {
			left: 0;
		}
		.greenfigure-thumbs-arr--next {
			right: 0;
		}
		.greenfigure-thumbs-arr:hover {
			background-color: #222;
			background-color: rgba(0,0,0,.4);
		}

	.greenfigureThumb {
		display: inline-block;
		opacity: .5;
		margin: 0 5px;
		border: 0px solid #000;
		max-width: 70px;
		min-width: 20px;
		max-height: 50px;
		min-height: 20px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: #000;
		position: relative;
		vertical-align: middle;
		top: 5px;
		cursor: pointer;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
		.greenfigure-thumbs:hover .greenfigureThumb {
			opacity: 1;
		}
		.greenfigureThumb img {
			-webkit-transition: opacity .3s ease-out;
			-moz-transition: opacity .3s ease-out;
			transition: opacity .3s ease-out;
			opacity: .5;
		}
			.greenfigureThumb--iframe {
				width: 70px;
				height: 50px;
			}
		.greenfigureThumb iframe {
			display: none\9;
			position: absolute;
			border: none;
			top: 0;
			left: 0;
			width: 350px;
			height: 250px;
			-webkit-transform: scale(0.2);
			-webkit-transform-origin: top left;
			-moz-transform: scale(0.2);
			-moz-transform-origin: top left;
			-o-transform: scale(0.2);
			-o-transform-origin: top left;
			transform: scale(0.2);
			transform-origin: top left;
			overflow: hidden;
		}
		.greenfigureThumb:hover img {
			opacity: 1;
		}
		.greenfigureThumb:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: 1px solid #FFF;
			opacity: .1;
		}

	.greenfigureThumb--youtube:before,
	.greenfigureThumb--vimeo:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url(images/greenfigure/play.png) no-repeat center center;
	}
	.greenfigureThumb--noThumb {}

	/* .greenfigureThumb--loading {
		background: #000 url(images/greenfigure/loading.gif) no-repeat center center;
	}
		.greenfigureThumb--loading img {
			display: none;
		} */

	.greenfigureThumb--error {
		border-color: #F00 !important;
	}
		.greenfigureThumb--error img {
			display: none !important;
		}

	.greenfigureThumb--open {
		border-color: #FFF;
		opacity: 1;
		top: 0;
	}
	.greenfigureThumb--open img {
		opacity: 1;
	}


	.greenfigure-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5JREFUeNqEzz0KwjAYgOGIm5NCh4KiRTyIRSh4AEFw9AQeyN2b6CIuHRVRQdz9BQvxDX6BEFMMPEO+8JKkorWuKaWmqGKBi/pdMcYoMFdExgQFckQysyKZvzEyM/fQhhs0ZFbH2g38yA1XaGLpB6HIDR+hoCxKcNbfdULrX2SCPW6Y4Yot2mVRFwfckcqsL/udG/qB+cfAuz3DU8KOjXo4ykEW+KMxxEuennwEGAD7y4o3fj5vtAAAAABJRU5ErkJggg==);
		cursor: pointer;
	}
		.greenfigure-close:hover {
			background-color: #222;
			background-color: rgba(0,0,0,.4);
		}


	.greenfigureImage {
		display: inline-block;
		border: 1px solid #fff;
		background: #000 url(images/greenfigure/loading.gif) no-repeat center center;
		min-width: 100px;
		min-height: 100px;
		width: 60%;
		height:95%;
		margin-top: 120px !important;
	/*	height:100%;
		min-height:100%;*/
		/*height:1000px;
		height: calc(100% - 80px);
		height: -moz-calc(1000px);
		height: -webkit-calc(1000px);*/
		/*margin-top: 120px !important;*/
    	/*height: 95%;
    	height: -webkit-calc(95%);
    	height: -moz-calc(95%);*/
    	
	}
		 .greenfigureImage iframe {
			display: block;
			position: relative;
			z-index: 2000;
		}
			.greenfigureImage--photo {
				position: relative;
			}
				.greenfigureImage--photo:after {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					border: 1px solid #FFF;
					z-index: 2001;
					opacity: .1;
					filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
				}

			.greenfigureImage--ajax {
				max-width: 800px;
				max-height: 500px;
				overflow: auto;
				padding: 20px;
				background: #FFF;
				color: #444;
				text-align: left;
			}

			.greenfigureImage--html {
				background: #FFF;
				min-width: 0;
				min-height: 0;
				padding: 15px 20px;
			}


		/* .greenfigureImage--loading {
			Wymusza pokazanie się loadinga
			background: #000 url(images/greenfigure/loading.gif) no-repeat center center !important;
		}
			.greenfigureImage--loading * {
				display: none !important;
			} */

		.greenfigureImage--error {
			border-color: #F00;
			background-image: none;
		}
			.greenfigureImage--error * {
				display: none !important;
			}



.greenfigure--oneImage .greenfigure-thumbs,
.greenfigure--noThumbs .greenfigure-thumbs,
.greenfigure--oneImage .greenfigure-media-arr,
.greenfigure--oneImage .greenfigure-thumbs-arr,
.greenfigure--noThumbs .greenfigure-thumbs-arr {
	display: none;
}

.greenfigure--oneImage .greenfigure-media,
.greenfigure--noThumbs .greenfigure-media {
	padding-bottom: 0;
}