.cshero-fancybox-wrap,
.cshero-fancybox-wrap .fancy-icon {
	position: relative;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	-o-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
	
}

.cshero-fancybox-wrap .cshero-fancybox-padding{overflow: hidden;}

.cshero-fancybox-wrap .fancy-icon:before {
	position: relative;
	z-index: 1;
}

.cshero-fancybox-wrap .fancy-icon:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	-o-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}

.cshero-fancybox-wrap .cshero-fancybox-title{
	margin: 15px 0;
}

/* Hover State */
.cshero-fancybox-wrap .fancy-icon.icon-hover-style-1:after{
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-o-transform:scale(1.3);
	z-index: -1;
}
.cshero-fancybox-wrap:hover .fancy-icon.icon-hover-style-1:after{
	opacity: 1;
	visibility: visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

.cshero-fancybox-wrap .fancy-icon.icon-hover-style-2:after{
	background-color: transparent !important;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
}
.csbody .cshero-fancybox-wrap:hover .fancy-icon.icon-hover-style-2:after {
	opacity: 1;
	visibility: visible;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

.cshero-fancybox-wrap .content,
.cshero-fancybox-wrap .cshero-title-main {
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	-o-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}