/*Dimensions of the thumbnails*/
.vmcp {
    width: 91px;
    height: 121px;
}
	/*When you mouseover the image */
.vmcp:hover {

    /*Calls the animation by name*/
    -webkit-animation-name: animation_vmcp; /* Chrome, Safari, Opera */
    animation-name: animation_vmcp;

    /*Duration of the animation*/
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    animation-duration: .3s;

    /* Number of repetitions */
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    animation-iteration-count: 1;
    transform: scale(1.2);
}

/*MOVEMENT ANIMATION Chrome, Safari, Opera */

@-webkit-keyframes animation_vmcp {

    0%   {transform: scale(1.1);}
    1%   {transform: scale(1.1);}
    10%  {transform: scale(1.15);}
    20%  {transform: scale(1.2);}
    30%  {transform: scale(1.25);}
    40%  {transform: scale(1.3);}
    50%  {transform: scale(1.35);}
    60%  {transform: scale(1.4);}
    70%  {transform: scale(1.45);}
    80%  {transform: scale(1.5);}
    90%  {transform: scale(1.55);}
    100% {transform: scale(1.6);}
}

/* Standard syntax */

@keyframes animation_vmcp {

    0%   {transform: scale(1.1);}
    1%   {transform: scale(1.1);}
    10%  {transform: scale(1.15);}
    20%  {transform: scale(1.2);}
    30%  {transform: scale(1.25);}
    40%  {transform: scale(1.3);}
    50%  {transform: scale(1.35);}
    60%  {transform: scale(1.4);}
    70%  {transform: scale(1.45);}
    80%  {transform: scale(1.5);}
    90%  {transform: scale(1.55);}
    100% {transform: scale(1.6);}
}