.hoverimage
{
	position: relative;
	line-height: 0;
	margin: 0;
	padding: 10px;
	background: #FFF;
}

#maincont .hoverimage
{
	padding: 0;
}

	.hoverimage .hoverwrapper
	{
		overflow: hidden;
		position: relative;
		background: #FFF;
	}
	
	.hoverimage .hoverwrapper img
	{
		width: 100%;
	}

	.hoverimage .hoverwrapper img:not(.ls-l)
	{
		position: relative;
		top: 0;
		transform: scaleY(1);
	}

	.hoverimage:not(.no_link) .hoverwrapper img:not(.ls-l)
	{
		margin-bottom: -10px !important;
	}

	.hoverimage:hover .hoverwrapper img
	{
		top: -10px;
		opacity: 1;
	}

	.hoverimage .hoverwrapper img
	{
		transition: all 0.2s ease-in-out 0s;
	}
	
		.hoverimage .hoverwrapper .mask
		{
			position: absolute;
			width: 50px;
			height: 50px;
			text-align: center;
			font-size: 26px;
			color: #FFF;
			background: rgba(0,0,0,0.3);
			padding: 10px;

			top: -moz-calc(50% - 25px);
			top: -webkit-calc(50% - 25px);
			top: -o-calc(50% - 25px);
			top: calc(50% - 25px);
			
			left: -moz-calc(50% - 25px);
			left: -webkit-calc(50% - 25px);
			left: -o-calc(50% - 25px);
			left: calc(50% - 25px);
			
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			transition: all 0.2s ease-in-out 0s;
		}
		
			.hoverimage:hover .hoverwrapper .mask
			{
				background: #7A5230;
			}