.rotator{
  width:450px;
height:450px;
z-index:4;
position:relative;
display:none;
top:3px;
left:-3px;

}
div#rotator {display:none;}

#rotate {
position:relative;
z-index:4;
top:3px;
left:-3px;
width:450px;
height:450px;

-webkit-animation: rotation 15s infinite linear;
     -webkit-animation-play-state: running;
	
-moz-animation: rotation 15s infinite linear;
    animation: rotation 15s infinite linear;
     -webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running;
}

#rotate:hover , area:hover, area, area:hover, .rothov:hover, .rotate:hover, #rotate map:hover ,  a:hover, .rotatescroll:hover, #rotate:hover map, map:hover #rotate,  .#rotate.img:hover , area.idv:hover, #rotator:hover, map area:hover {
   animation: rotation 0s ;
  -webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}

@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);-webkit-transform: rotate(360deg);transform: rotate(359deg);}
} 

area{border: 0.1px solid red}

 
 
#rotator  img {
 
}
#rotator  img:hover {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}