#pbOverlay * {
	box-sizing: content-box; -moz-box-sizing: content-box;
}
#pbOverlay *::before {
	box-sizing: content-box; -moz-box-sizing: content-box;
}
#pbOverlay *::after {
	box-sizing: content-box; -moz-box-sizing: content-box;
}
.show#pbOverlay {
	opacity: 1; pointer-events: auto;
}
#pbOverlay {
	background: rgba(0, 0, 0, 0.9); transition:opacity 300ms; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; overflow: hidden; position: fixed; z-index: 9999; opacity: 0; pointer-events: none; -webkit-transform: translate3d(0); -moz-user-select: none;
}
.msie#pbOverlay {
	background-color: rgba(0, 0, 0, 0.6);
}
.msie.pbLoading .pbWrapper {
	background: url("../images/loading.gif") no-repeat center;
}
.pbLoader {
	margin: auto; border-radius: 100%; transition:0.3s; left: 0px; top: 0px; width: 100px; height: 100px; text-align: center; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 999; box-shadow: inset 15px 32px 60px -20px #fff, inset 1px 1px 3px 1px #fff, 0px 0px 20px;
}
.thumbs .pbLoader {
	transform: translateY(-50px); -webkit-transform: translateY(-50px);
}
:not(.msie):not(.error).pbLoading .pbLoader {
	display: block;
}
.pbLoader b {
	background: rgba(255, 255, 255, 0.8); margin: 0px 2px; border-radius: 5px; animation:pbLoaderFrames 0.9s linear infinite; width: 8px; height: 60px; vertical-align: middle; display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-animation: .9s pbLoaderFrames infinite linear;
}
.pbLoader b:nth-child(2) {
	animation-delay: 0.3s; -webkit-animation-delay: .3s;
}
.pbLoader b:nth-child(3) {
	animation-delay: 0.6s; -webkit-animation-delay: .6s;
}
.mobile.pbLoading .pbLoader {
	transition:all; transform: none;
}
.pbWrapper::after {
	height: 100%; margin-right: -0.25em; vertical-align: middle; display: inline-block; content: "";
}
#pbCaption .pbThumbs ul::after {
	height: 100%; margin-right: -0.25em; vertical-align: middle; display: inline-block; content: "";
}
#pbOverlay .prevNext::after {
	height: 100%; margin-right: -0.25em; vertical-align: middle; display: inline-block; content: "";
}
#pbOverlay .pbLoader::before {
	height: 100%; margin-right: -0.25em; vertical-align: middle; display: inline-block; content: "";
}
.pbWrapper {
	transition:0.2s; height: 100%; vertical-align: middle; position: relative; box-sizing: border-box; transform: rotate(0deg); perspective: 1200px; -moz-box-sizing: border-box;
}
.video > .pbWrapper {
	display: inline-block; z-index: 11;
}
.pbLoading .pbWrapper {
	width: 100%;
}
.pbWrapper::before {
	transition:text-shadow 0.7s ease-out; color: transparent; font-size: 0px; vertical-align: middle; cursor: default; content: "\2716"; text-shadow: 0px 2px 35px rgba(255,255,255,0);
}
.error .pbWrapper::before {
	animation:deadImage 2s linear 1s infinite; font-size: 22em; text-shadow: 0px 0px 0px #fff; -webkit-animation: 2s 1s deadImage infinite linear;
}
.thumbs .pbWrapper {
	margin: 0px; padding: 0px;
}
.error .pbWrapperr img {
	width: 0px;
}
.pbWrapper > div {
	background: rgba(0, 0, 0, 0.5); border-radius: 5px; width: 624px; height: 351px; vertical-align: middle; display: none;
}
.video > .pbWrapper > div {
	display: inline-block;
}
#pbOverlay iframe {
	transition:0.5s; width: 100%; height: 100%; display: block; opacity: 1;
}
#pbOverlay embed {
	transition:0.5s; width: 100%; height: 100%; display: block; opacity: 1;
}
#pbOverlay object {
	transition:0.5s; width: 100%; height: 100%; display: block; opacity: 1;
}
.pbWrapper .pbHide iframe {
	opacity: 0;
}
.pbWrapper > div {
	transition:0.8s cubic-bezier(0.1, 0.87, 0.48, 1) 0.5s; box-shadow: 0px 0px 20px #000; transform: none; -webkit-transform: none; -webkit-backface-visibility: hidden;
}
.pbWrapper > img {
	transition:0.8s cubic-bezier(0.1, 0.87, 0.48, 1) 0.5s; box-shadow: 0px 0px 20px #000; transform: none; -webkit-transform: none; -webkit-backface-visibility: hidden;
}
.mobile.show .pbWrapper > div {
	transition:30ms;
}
.mobile.show .pbWrapper > img {
	transition:30ms;
}
.pbWrapper > * {
	border-radius: 6px; border: currentColor; border-image: none; vertical-align: middle; max-height: 95%; max-width: 100%; opacity: 1; transform: scale(0) rotateX(80deg); -webkit-transform: scale(0) rotateX(80deg);
}
.pbHide .pbWrapper > .prepare {
	border-radius: 6px; border: currentColor; border-image: none; vertical-align: middle; max-height: 95%; max-width: 100%; opacity: 1; transform: scale(0) rotateX(80deg); -webkit-transform: scale(0) rotateX(80deg);
}
.on .pbWrapper > * {
	transition-delay: 0s;
}
.pbWrapper .zoomable {
	transition:all; position: relative; z-index: 9; -webkit-transition: 0s;
}
.pbHide .pbWrapper > * {
	transition:0.4s ease-out; opacity: 0; transform: none; -webkit-transform: scale(1.2);
}
#pbCloseBtn {
	padding: 0px 0px 20px 20px; transition:0.3s ease-out 0.3s; top: -50px; text-align: center; right: -50px; color: rgb(255, 255, 255); display: block; position: absolute; z-index: 999; cursor: pointer;
}
#pbAutoplayBtn {
	padding: 0px 0px 20px 20px; transition:0.3s ease-out 0.3s; top: -50px; text-align: center; right: -50px; color: rgb(255, 255, 255); display: block; position: absolute; z-index: 999; cursor: pointer;
}
.pbHide #pbCloseBtn {
	top: -50px; right: -50px;
}
.on #pbCloseBtn {
	top: -2px; right: -2px;
}
#pbCloseBtn::before {
	font: bold 1em/normal arial; content: "\00D7"; font-size-adjust: none; font-stretch: normal;
}
#pbCloseBtn::before {
	background: rgba(255, 255, 255, 0.2); padding: 8px 8px 12px 12px; border-radius: 0px 0px 0px 70px; transition:0.1s ease-out; width: 35px; height: 35px; font-size: 2em; vertical-align: middle; display: inline-block; opacity: 0.8;
}
#pbAutoplayBtn::before {
	background: rgba(255, 255, 255, 0.2); padding: 8px 8px 12px 12px; border-radius: 0px 0px 0px 70px; transition:0.1s ease-out; width: 35px; height: 35px; font-size: 2em; vertical-align: middle; display: inline-block; opacity: 0.8;
}
#pbCloseBtn:hover::before {
	background: rgba(255, 100, 100, 0.4); padding: 15px 10px 24px 24px;
}
#pbAutoplayBtn {
	padding: 0px; left: -50px; width: 50px; height: 50px; right: auto; font-size: 13px; display: none;
}
.hasAutoplay #pbAutoplayBtn {
	display: block;
}
#pbAutoplayBtn:hover {
	width: 60px; height: 60px;
}
.on #pbAutoplayBtn {
	transition:0.1s ease-out; left: 0px; top: 0px;
}
#pbAutoplayBtn::before {
	padding: 0px; border-radius: 0px 0px 70px; width: 100%; height: 100%; line-height: 1.6; text-indent: -6px; font-weight: bold; content: "\2016";
}
#pbAutoplayBtn:active::before {
	text-shadow: 0px 0px 3px #fff, 0px 0px 6px #fff;
}
.play#pbAutoplayBtn::before {
	content: "\25BA";
}
#pbAutoplayBtn .pbProgress {
	padding: 6px; transform-origin: 0% 0%; transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; opacity: 0.2; transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -webkit-transition: .3s; -webkit-transform-origin: 0 0;
}
.mobile #pbAutoplayBtn .pbProgress {
	transition:all; -webkit-transition: 0s;
}
.playing#pbAutoplayBtn .pbProgress {
	transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);
}
#pbAutoplayBtn .pbProgress::before {
	border-radius: 50%; width: 200%; height: 200%; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset 0px 0px 0px 8px #fff;
}
#pbCaption {
	transition:0.4s; width: 100%; bottom: -120px; overflow: hidden; margin-bottom: 5px; position: absolute; z-index: 999;
}
.pbHide #pbCaption {
	transition:0.4s; width: 100%; bottom: -120px; overflow: hidden; margin-bottom: 5px; position: absolute; z-index: 999;
}
.show.on #pbCaption {
	bottom: 0px; transition-delay: 0.5s;
}
.thumbs#pbOverlay #pbCaption label {
	display: block;
}
#pbCaption label {
	transition:0.2s; top: -5px; width: 60px; color: rgb(255, 255, 255); margin-right: 10px; float: right; display: none; position: relative; z-index: 1; cursor: pointer; opacity: 0.3;
}
#pbCaption label::after {
	background: rgb(255, 255, 255); padding: 10px 5px; width: 0px; height: 0px; text-align: right; vertical-align: top; display: inline-block; content: ""; box-shadow: 12px 0px #fff, -12px 0px #fff;
}
#pbCaption label:hover {
	opacity: 1;
}
#pbCaption .title {
	margin: 0px 6px; color: rgb(255, 255, 255); display: inline-block;
}
#pbCaption .counter {
	margin: 0px 6px; color: rgb(255, 255, 255); display: inline-block;
}
#pbCaption .counter {
	display: none; opacity: 0.55;
}
.hasCounter #pbCaption .counter {
	display: inline-block;
}
.pbCaptionText {
	transition:0.3s; padding-left: 60px; font-size: 0.9em; font-weight: bold; opacity: 0.9; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.pbCaptionText.change {
	opacity: 0; transform: translateY(25px); -webkit-transform: translateY(25px);
}
.mobile #pbCaption label {
	color: red; display: none; z-index: -1;
}
.mobile .pbCaptionText {
	padding: 0px;
}
:checked#pbThumbsToggler ~ #pbCaption .pbThumbs {
	margin: 0px;
}
:checked#pbThumbsToggler ~ .pbWrapper {
	padding: 50px 0px; margin-top: -50px;
}
.pbThumbs {
	transition:0.35s; display: none; -webkit-overflow-scrolling: touch;
}
.thumbs .pbThumbs {
	padding: 5px 0px 2px; width: 100%; overflow: hidden; margin-bottom: -100px; display: block;
}
.mobile .pbThumbs {
	overflow: auto;
}
.pbThumbs:hover {
	clear: both;
}
.pbThumbs ul {
	list-style: none; margin: 0px; padding: 0px 5px; transition:0.2s; height: 80px; display: inline-block; white-space: pre; position: relative;
}
.pbThumbs ul::after {
	vertical-align: bottom;
}
.pbThumbs li {
	transition:0.15s; height: 70%; text-align: center; vertical-align: bottom; display: inline-block; position: relative; opacity: 0.6;
}
.pbThumbs li.active {
	height: 100%; opacity: 1;
}
.pbThumbs li:hover {
	height: 100%; opacity: 1;
}
.pbThumbs li.video::before {
	background: rgba(0, 0, 0, 0.4); border-radius: 0px 3px 0px 0px; left: 7px; width: 20px; height: 20px; bottom: 4px; color: rgb(255, 255, 255); line-height: 0.9; font-size: 20px; position: absolute; content: "\25BA"; pointer-events: none; box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.4);
}
.pbThumbs a {
	padding: 0px 2px; height: 100%; display: block; -moz-user-select: none;
}
.pbThumbs li:hover a {
	
}
.pbThumbs img {
	border-radius: 0px; border: 2px solid rgb(255, 255, 255); transition:0.15s; border-image: none; height: 96%; min-height: 95.9%; max-width: none;
}
.pbThumbs li:hover img {
	min-height: 96%;
}
.pbThumbs li.fast a img {
	transition:none;
}
.pbThumbs li.active a img {
	border-color: rgb(216, 255, 22); min-height: 96%;
}
#pbOverlay .prevNext {
	background: rgba(0, 0, 0, 0); padding: 80px 0px; transition:0.2s ease-out; top: 0px; width: 35%; height: 100%; display: none; position: absolute; z-index: 10; cursor: pointer; box-sizing: border-box; opacity: 0; text-shadow: 0px 0px 12px #000, 0px 0px 10px #fff; -moz-box-sizing: border-box; user-select: none;
}
.hasArrows#pbOverlay .prevNext {
	display: block;
}
#pbOverlay .prevNext.pbHide {
	display: none;
}
.on#pbOverlay .prevNext:hover {
	opacity: 0.5;
}
.on#pbOverlay .prevNext:hover:active {
	transition:80ms; opacity: 1; text-shadow: 0px 0px 16px #fff, 0px 0px 10px #000;
}
.prevNext b {
	transition:0.2s ease-in; vertical-align: middle; display: inline-block;
}
.prevNext:hover b {
	transition:0.2s cubic-bezier(0.095, 0.87, 0.485, 0.985);
}
#pbPrevBtn b {
	transform: scale(0.4) translateX(350px); -webkit-transform: scale(.4) translateX(350px);
}
#pbNextBtn b {
	transform: scale(0.4) translateX(-350px); -webkit-transform: scale(.4) translateX(-350px);
}
#pbPrevBtn b::before {
	color: rgb(255, 255, 255); line-height: 0.3; font-family: Arial; font-size: 18em; font-weight: normal; display: inline;
}
#pbNextBtn b::after {
	color: rgb(255, 255, 255); line-height: 0.3; font-family: Arial; font-size: 18em; font-weight: normal; display: inline;
}
#pbPrevBtn b::before {
	content: "\2039";
}
#pbNextBtn b::after {
	content: "\203A";
}
.on #pbPrevBtn:hover b {
	transform: scale(1) translateX(20px); -webkit-transform: scale(1) translateX(20px);
}
.on #pbNextBtn:hover b {
	transform: scale(1) translateX(-20px); -webkit-transform: scale(1) translateX(-20px);
}
.show #pbPrevBtn {
	
}
.show#pbOverlay #pbNextBtn {
	
}
.show #pbPrevBtn {
	left: 0px; text-align: left;
}
.show #pbNextBtn {
	text-align: right; right: 0px;
}
@media all and (max-width:700px)
{
.pbWrapper img {
	max-height: 100%;
}
.pbHide .pbWrapper img.prepare {
	max-height: 100%;
}
.thumbs .pbWrapper {
	margin: 0px; padding: 0px;
}
.pbThumbs {
	margin-bottom: -60px;
}
.pbThumbs.show {
	margin: 0px;
}
.pbThumbs ul {
	height: 50px;
}
.pbThumbs li {
	height: 100%; opacity: 1;
}
.pbThumbs li img {
	min-height: 96.5%;
}
}
@media all and (max-width:710px)
{
.pbThumbs li.active a img {
	min-height: 96%;
}
}