Boton para mover div en diagonal

[mensajeescrito]

Hola amigos, veran tengo un problema:

Tengo el siguiente codigo que hace que cuando me pongo encima de una foto, el div que contiene la foto se mueve en el eje de coordenadas.

Hasta ahí bien. Pero.... lo que necesitaria es tambien que poniendome encima de un boton externo y con "mouseover", este div que contiene la foto tambien se mueva asi.

SI pudieran ayudarme les estaria muy agradecido.

Este es el codigo:

Código CSS:

#mano {
 
                background:url(imgs/mano.png) no-repeat;
                
                position:absolute;          
                top:0px;
                left:0px;
    
                width:204px;
                height:190px;
                
                cursor:pointer;
                
                z-index:1000;
 
                }
 

Código Javascript:

$('#mano').hover(function(manita){
                $(this).animate({top: '-25', left: '-50'}, 300);
                
            }, function(){
                $(this).animate({top: '25', left: '175'}, 300);
            });