.cshero-fancybox-wrap {
	display: inline-block;
	width: 100%;
}
.fancybox-layout10 .cshero-fancybox-image img {
	width: 100%;
}
.fancybox-layout10 .cshero-fancybox-wrapper {
	position: relative;
}
.fancybox-layout10 .cshero-fancybox-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 30px;
	background-color: transparent;
	-webkit-transition: all 300ms linear 0ms;
       -moz-transition: all 300ms linear 0ms;
         -o-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
            transition: all 300ms linear 0ms;
}
.fancybox-layout10:hover .cshero-fancybox-content {
	background-color: rgba(0,0,0,0.64);
}
.cshero-fancybox-content {
	color: #fff;
}
.fancybox-layout10 .cshero-fancybox-title-wrap {
	border-bottom: 1px solid transparent;
    padding-bottom: 16px;
    margin-bottom: 14px;
    -webkit-transition: all 300ms linear 0ms;
       -moz-transition: all 300ms linear 0ms;
         -o-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
            transition: all 300ms linear 0ms;
}
.fancybox-layout10:hover .cshero-fancybox-title-wrap {
	border-bottom: 1px solid #cbcbcb;
}
.fancybox-layout10 .content {
	opacity: 0;
	-webkit-transition: all 300ms linear 0ms;
       -moz-transition: all 300ms linear 0ms;
         -o-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
            transition: all 300ms linear 0ms;
}
.fancybox-layout10 .cshero-read-more {
	margin-top: 10px;
	opacity: 0;
	-webkit-transition: all 300ms linear 0ms;
       -moz-transition: all 300ms linear 0ms;
         -o-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
            transition: all 300ms linear 0ms;
}
.fancybox-layout10:hover .content,
.fancybox-layout10:hover .cshero-read-more {
	opacity: 1;
}
.fancybox-layout10 .cshero-read-more a {
	color: #fff;
    font-size: 13px;
    font-weight: 700;
}