Poner transition (css) en javascript

[JUMASOL]

Hola.

Estoy trabajando con el mapa de jvectormap y me gustaría añadir un efecto transition al hover.

La parte del archivo que gobierna estas cosas está así para el tema del color:

Código:

  $.fn.vectorMap = function(options) {
    var defaultParams = {
          map: 'world_en',
          color: '#6383d3',
          hoverColor: '#323637',

He cambiado el color.

¿Es posible poner un transition aquí para hacer que el color del hover entre en 2 segundos?

(http://www.w3schools.com/css3/css3_transitions.asp)

Tengo otro archivo desde el que se organiza otra cuestión, con este código, creo que más sencillo, en que se podría poner el efecto.

Código:

			    $('#ZAN').hover(
			        function () {
			           
			            $('#map').vectorMap('set', 'colors', {
			                ZAN: '#323637'
			            })
			        },
			        function () {
			            $('#map').vectorMap('set', 'colors', {
			                ZAN: '#6383d3'
			            })
			        }
			    );

He intentado meterlo de varias maneras pero algo me falla porque no funciona.

No es problema de navegador, porque lo he probado en Firefox y Chrome, que lo soportan perfectamente.

O tal vez haya otra forma de hacerlo con javascript sin transition de css.

He intengado tirar de esta solución (http://stackoverflow.com/questions/6...ith-javascript) pero no acabo de conseguir encajarlo.