Expandir un input por el lado izquierdo

[mensajeescrito]

Hola amigos, a ver si me pueden echar una mano con esto:

Miren tengo un input que cuando me pongo encima de el se ensancha por el lado derecho.

Pero yo lo que necesito es que se ensanche por el lado izquierdo. es decir que aumente su width por el lado izquierdo.

¿Saben que tendria que hacerle a mi código, gracias de antemano?

Código Javascript:

$(function(){
  var search2 = $('#buscador');
  var icon2   = $('#lupa');
  
 
  $(search2).on('mouseover', function(){
    $(this).animate({
      width: '100%'
    }, 400, function(){
 
    });
    $(icon2).animate({
      right: '10px'
    }, 400, function(){
 
    });
  });
  
  
  
 
  $(search2).on('mouseout', function(){
    if(search2.val() == '') {
      $(search2).animate({
        width: '29%'
      }, 400, function(){ });
      
      $(icon2).animate({
        right: '320px'
      }, 400, function(){ });
    }
  });
  
 
  $('#formulario_buscar').submit(function(e) {
    e.preventDefault();
  });
});
 

Código HTML:

<div id="contenedor_buscador">
                              
                                          <form id="formulario_buscar" name="formulario_buscar" method="POST" action="">
                                          
                                                <div class="campo_buscador">
                                                
                                                  <input type="text" name="buscador" id="buscador" class="estilos_input_buscador" placeholder="Buscar..." tabindex="2">
                                                  <input type="submit" name="lupa" id="lupa" value="">
                                                  
                                                </div>
                                            
                                          </form>
                              
                                    </div>