.error {
border:solid 1px #FF0000 !important;
-webkit-animation-duration: .5s; 
animation-duration: .5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}

.showerror
{
border:solid 1px #FF0000 !important;
-webkit-animation-duration: .5s; 
animation-duration: .5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}

@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-3px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(3px);} 
}

@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-3px);} 
20%, 40%, 60%, 80% {transform: translateX(3px);} 
}

.shake { 
-webkit-animation-name: shake; 
animation-name: shake; 
}



.zoomWrapper
{
	height:348px;
	width:348px;
}
.imgs
{
	border: 1px solid rgb(232, 232, 230); 
	position: absolute;
}