.portfolio_block .uc-container_modif {
	width:335px;
	height:270px;
}

.portfolio_block .uc-container_modif .uc-initial-content {
	background:#F05360;
}

.uc-initial-content img {
	width:100%;
	height:100%;
	opacity:0.83;
	filter:alpha(opacity=83);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
} <!--PUTS RED COLOUR EFFECT OVER IMAGE-->

.portfolio_item a {
    cursor:pointer;
	opacity:0.3;
	filter:alpha(opacity=30);
    transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}

.uc-initial-content .zoom {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../images/zoom.png);
	background-repeat:no-repeat;
	background-position:center center ;
    cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
    transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}

/*<!--I HID THIS BECAUSE A BOX WOULD APPEAR AT THE TOP OF OF PROJECT IMAGE WHEN YOU HOVER OVER IT-->
.portfolio_item a:hover {
	background-color:#F05360;
    cursor:pointer;
	opacity:0.83;
	filter:alpha(opacity=83);
    transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}*/

.uc-initial-content:hover .zoom {
    opacity:1;
	filter:alpha(opacity=100);
}

.portfolio_item:hover .uc-initial-content img {
	opacity:0.23;
	filter:alpha(opacity=23);
}