#imgtrans {     
	position:relative;     
	height:360;     
	width:368;     
	margin:0px auto;   }   
	
	#imgtrans img {   
	position:absolute;     
	left:0;     
	-webkit-transition: all 2s ease-in-out;     
	-moz-transition: all 2s ease-in-out;     
	-o-transition: all 2s ease-in-out;     
	transition: all 2s ease-in-out; 
	border: 1px solid green; 
	border-radius: 10px; 
	box-shadow: 3px 3px 3px 3px #ccc ;   }   
	
	#imgtrans img.topp 
	{     -webkit-transform:scale(0,0);     
	-moz-transform:scale(0,0);     
	-o-transform:scale(0,0);     
	transform:scale(0,0);     
	opacity:0;   }   
	
	#imgtrans:hover img.topp, #imgtrans .hover_effect img.topp 
	{     opacity:1;     
	-webkit-transform:scale(1,1);     
	-webkit-transform-origin: top left;     
	-moz-transform:scale(1,1);     
	-moz-transform-origin: top left;     
	-o-transform:scale(1,1);    
	-o-transform-origin: top left;     
	transform:scale(1,1);     
	transform-origin: top left;   }   
	
	
	#imgtrans:hover img.bottomm, #imgtrans .hover_effect img.bottomm 
	{     -webkit-transform:scale(0,0);     
	-webkit-transform-origin: bottom right;     
	-moz-transform:scale(0,0);     
	-moz-transform-origin: bottom right;     
	-o-transform:scale(0,0);     
	-o-transform-origin: bottom right;     
	transform:scale(0,0);     
	transform-origin: bottom right;   }