[Resolvido] Jquery animate

Olá pessoal! Estou usando o jquery para animar uma div, mas não estou conseguindo fazer do jeito que eu gostaria. Tenho a seguinte div:

<div id="cadastra_base" style="z-index:4; position:absolute; background: #ffffff; height: 5; width: 0; left:50%; top:50%; margin-top:-150px; margin-left:-350px;">
</div>

Utilizo o seguinte código para animar:

$(document).ready(function() {
 $("#cadastra_base").animate({width: "700px"}, 1500)
 .animate({height: "300px"}, 1500);
 });
});

Com o código acima ele aumenta o width a partir do canto esquerdo com sentido para direita e depois aumenta o height com sentido para baixo. Eu queria fazer com que o width animasse do centro e aumentasse para os dois lados ao mesmo tempo e depois fizesse o mesmo com o height. Veja a imagem para entender melhor.

/applications/core/interface/imageproxy/imageproxy.php?img=https://lh4.googleusercontent.com/-iyLjqahsJeU/TlGofuDgwWI/AAAAAAAAAb0/6XwaU6Ex8iY/exemplo.png&key=c0f9a12ce739e157b545d140a9d324e5d272f848296f01d52c150ddc0016b822" alt="exemplo.png" />

Lembrando que gostaria de manter a div sempre no centro caso o navegador seja redimensionado, por isso utilizo as margens negativas. Será que alguém pode me dar uma ajuda na parte da animação? Desde já agradeço!