.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 5x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.2 s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.2s; /*Opera duration version*/
opacity: 0.8; /*initial opacity of images*/


border: 0px dotted; padding: 1%; border-color: #003300;/*szép kis keret*/
  -moz-border-radius-topleft: 40px;
-webkit-border-top-left-radius: 40px;
 border-top-left-radius: 40px;
  -khtml-border-top-left-radius: 40px;
  -moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
  -khtml-border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 40px;
-webkit-border-bottom-right-radius: 40px;
border-bottom-right-radius: 40px;
  -khtml-border-bottom-right-radius: 40px;
  -moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
  -khtml-border-left-radius: 5px;
}

.hovergallery img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 10x original size*/
-moz-transform:scale(2); /*Mozilla scale version*/
-o-transform:scale(2); /*Opera scale version*/
box-shadow:7px 7px 15px gray; /*CSS3 shadow: 0px blurred shadow all around image*/
-webkit-box-shadow:7px 7px 15px gray; /*Safari shadow version*/
-moz-box-shadow:7px 7px 15px gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 1; 
}


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
} 

@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

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