.vb-lightbox {
	top: 0;
	z-index: 9999999;
	position: fixed;
	background-color: rgba(0, 0, 0, .75);
	margin: 0!important;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	transition: opacity 300ms;
}

.vb-lightbox.vb-lightbox-active {
	transition: opacity 300ms;
	opacity: 1;
}

.vb-lightbox-item {
	display: none !important;
}

.vb-lightbox-img {
	position: absolute;
	width: 100%;
	height: 100%;
	inset-inline-start: 0px;
	top: 0px;
	display: flex;
}

.vb-lightbox-targetimg {
	max-width: calc(100% - 240px);
	max-height: calc(100% - 220px);
	height: auto;
	margin: auto;
	display: block;
	line-height: 0;
}

.vb-lightbox i {
	pointer-events: all;
	z-index: 99999999;
	font-style: normal;
	position: absolute;
	cursor: pointer;
}

.vb-lightbox i::before {
	font-style: normal;
	text-shadow: 0 0 10px #000;
}

.vb-lightbox i:hover {
	cursor: pointer;
	opacity: 0.5;
}

.vb-lightbox-close {
	top: 20px;
	font-size: 40px;
	inset-inline-end: 20px;
}

.vb-lightbox-prevbig,.vb-lightbox-nextbig {
	font-size: 60px;
	top: calc(50% - 30px);
	inset-inline-start: auto;
}

.vb-lightbox-nextbig {
	inset-inline-end: 20px;
}

.vb-lightbox-prevbig {
	inset-inline-start: 20px;
}

.vb-lightbox:has([data-count="1"]) .vb-lightbox-bottom > span ,

.vb-lightbox:has([data-count="1"]) .vb-lightbox-nextbig,
.vb-lightbox:has([data-count="1"]) .vb-lightbox-prevbig {
	display: none !important;
}

.vb-lightbox-targetimg {
	z-index: 1;
	cursor: pointer;
	position: relative;
}

.vb-lightbox-loading {
	inset-inline-start: calc(50% - 12.5px);
	top: calc(50% - 12.5px);
	z-index: 9999999;
	height: 60px;
	width: 60px;
	position: fixed;
}

.vb-lightbox-loading::before {
	content: "\F045";
	caption-side: #fffff !important;
	font-family: 'fontsite';
	font-size: 60px;
	animation: vb_rotate 1.4s infinite linear;
	float: inline-start;
}

.vb-lightbox-bottom {
	position: absolute;
	bottom: 20px;
	z-index: 99;
	text-align: center;
	width: 100%;
}

.vb-lightbox-bottom h3 {
	line-height: calc(1em + 8px);
	position: relative;
	width: 100%;
	color: #ffffff;
	font-size: 30px!important;
	text-shadow: 0 0 10px #000;
	z-index: 999999999;
	margin-bottom: 0px!important;
	z-index: 99;
}

.vb-lightbox-bottom span {
	line-height: calc(1em + 8px);
	position: relative;
	width: 100%;
	color: rgb(255, 255, 255);
	font-size: 30px;
	text-shadow: 0 0 10px #000;
	width: 100%;
	z-index: 999999999;
	text-align: center;
	inset-inline-start: 0;
}

.vb-lightbox-outer {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	inset-inline-start: 0px;
	top: 0px;
	z-index: 1;
}
[class*="vb-el-"]:has(.vb-btn-lightbox) .vb-image-stretch a{
	cursor:default !important;
	
}
[class*="vb-el-"]:has(.vb-btn-lightbox,.vb-slider) .vb-image-stretch a{
	cursor:move !important;
	
}

body .vb-btn-lightbox{
	cursor:pointer;
	position:absolute !important;
	z-index:9999 !important;
	inset-inline-end:0px!important;
bottom:0px !important;
	--btn-pd: 0px !important;
 	--btn-sp: var(--vb-lbox-btn-sp,10px);
 	--btn-ht: var(--vb-lbox-btn-ht,3em);
  	--btn-fn-sz: var(--vb-lbox-btn-fn-sz,var(--vb-p-fn-sz));
 	--btn-bg: var(--vb-lbox-btn-bg,var(--vb-global-box-bg));
	--btn-br-wt: var(--vb-lbox-btn-br-wt,1px);
	--btn-br-cr: var(--vb-lbox-btn-br-cr,rgba(138,148,158,0.15));
	--btn-br-st: var(--vb-lbox-btn-br-st,solid);
	--btn-sd: var(--vb-lbox-btn-sd,none);
	--btn-rd: var(--vb-lbox-btn-rd,var(--vb-global-btn-rd));
	--btn-hv-bg: var(--vb-lbox-btn-hv-bg,var(--vb-global-primary-hv-bg));
	--btn-hv-br-wt: var(--vb-lbox-btn-hv-br-wt,var(--btn-br-wt));
	--btn-hv-br-cr: var(--vb-lbox-btn-hv-br-cr,var(--btn-br-cr));
	--btn-hv-br-st: var(--vb-lbox-btn-hv-br-st,var(--btn-br-st));
 	--btn-icn-cr: var(--vb-lbox-btn-icn-cr,var(--vb-global-lk-cr));
	--btn-icn-hv-cr: var(--vb-lbox-btn-icn-cr,var(--vb-global-primary-hv-cr));
	--btn-icn-sz: var(--vb-lbox-btn-icn-sz,1.5em);
 	--btn-ti: var(--vb-lbox-btn-ti,var(--vb-global-ti-duration));
	transition-property: var(--vb-global-ti-property),transform,top!important;
}