JQuery - marginRight auto con animate ¡ayuda!

Hola amig@s!
Espero puedan ayudarme a solucionar este problema
Tengo que animar un contenedor al cargar la página con jQuery, la cosa es que no me permite usar el valor auto por lo que al momento de hacer la animación mi contenedor no se centra, les dejo mi código.

.content {
widht:1000px;
margin: 30px -100% 30px auto;
}

$('.content').animate({marginRight: 0}, 1000);
De esta forma no queda centrado

Si lo pongo de esta forma no funciona
$('.content').animate({marginRight: "auto"}, 1000);

Saludos!

Hola Diego:

No sé si lo que te presento soluciona en parte o en todo tu problema.

He cambiado tus valores y creo que entenderás la mejor solución.

Hay cosas que no termino de entender ya que si creo los estilos aparte, no me toma los cambios en JQuery. De cualquier modo "auto" no funciona de ningún modo. Esto es un tema recurrente para mí y nunca encontré la razón (auxilio, expertos).

Ten en cuenta que pasas de un "margin" general (4 posiciones) a un marginRight (margen a la derecha).

Seguiré el tema y tus comentarios.

Hola! Gracias por tu pronta respuesta
Pude solucionar el problema colocando una capa de bajo de la centrada con un width del100%, hice que la capa de abajo realizara la animacion quedando en 0 por lo que la capa ".content" quedo centrada

De cualquier forma, muchas gracias

gracias por compartirlo Diego!!!