@charset "utf-8";
/* CSS Document */

.photobox {
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
 --photoboxOverlay: rgba(31, 61, 124, 0.40);
}
.photobox img {
	transition: transform 0.8s ease-in-out 0s;
}
.photobox:hover img {
	transform: scale(1.08);
	transition: all 1.5s ease 0s;
}
.photobox .facier-icon1 img {
	transform: none;
}
.photobox-preview {
	position: relative;
	overflow: hidden;
}
.photobox-preview:after, .photobox-preview:before {
	content: "";
}
.facier-bar1:hover .photobox-preview:after {
	width: 32px;
	height: 32px;
	margin: 0 auto 0;
	background: /*url(../images/photobox-plus1.png)*/ no-repeat center / cover;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 99;
	transition: all 0.25s ease-out 0s;
}
.photobox .photobox-preview:before {
	width: 100%;
	height: 100%;
	background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
	opacity: 0;
	transition: opacity var(--photoboxAnimationDuration, .4s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
	will-change: opacity;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.photobox:hover .photobox-preview:before {
	opacity: 1;
}
.photobox .line1 {
	width: 80px;
	height: 8px;
	background-color: #007cc2;
	position: absolute;
	z-index: 9999;
	top: -15px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}
.photobox:hover .line1 {
	opacity: 1;
	visibility: visible;
	top: 0;
	right: 0;
}
.photobox .line2 {
	width: 80px;
	height: 8px;
	background-color: #007cc2;
	position: absolute;
	z-index: 9999;
	bottom: -15px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
}
.photobox:hover .line2 {
	opacity: 1;
	visibility: visible;
	bottom: 0;
	left: 0;
}