.cssEffect .cssBox.cssSlideIn .cssHeader {
	transition: all 0.2s ease-in-out;
}
.cssEffect .cssBox.cssSlideIn:hover .cssHeader {
	transform: translateY(0);
	width: calc(50%);
}
.cssEffect .cssBox.cssSlideIn:hover .cssContent {
	position: absolute;
	width: inherit;
	background-color: rgba(230,230,230, 0.25) !important;
}
.cssEffect .cssBox.cssSlideIn.showMedia .cssBodytext {
	display: block;
	transform: translateX(90%);
}
.cssEffect .cssBox.cssSlideIn.showMedia:hover .cssBodytext {
	transform: translateX(100%);
	transition: transform 0.4s ease-in-out;
}


.cssEffect .cssBox.cssSlideIn .cssMedia {
	transition: all 0.2s ease-in-out;
}
.cssEffect .cssBox.cssSlideIn:hover .cssMedia {
	transform: scale(1.1, 1.1);
	width: 0;
	transition: all 0.3s ease-in-out;
}


.cssEffect .cssBox.cssSlideIn:hover .cssShowOnHover {
	display: block;
}