как добавить layout в storage?

если не против я опишу задачу и то что у меня получается.

нужно сделать метки с контентом внутри, и чтобы при наведении менялся стиль.

Я сделал layout    var circleLayout_country = ymaps.templateLayoutFactory.createClass('$[properties.count]');

и layout при наведении         var circleLayout_country_hover = ymaps.templateLayoutFactory.createClass('$[properties.count]');

потом
  // Помещаем созданные шаблоны в хранилище шаблонов.
        ymaps.layout.storage.add('country#norm', circleLayout_country);
        ymaps.layout.storage.add('country#hover', circleLayout_country_hover);
и вот тут начинаются проблемы у меня
   var countryCollection = new ymaps.GeoObjectCollection(null, {
                iconLayout: 'country#norm'
            }, {
                iconShape: {
                    type: 'Circle',
                    // Круг описывается в виде центра и радиуса
                    coordinates: [0, 0],
                    radius: 27
                }
            }
        );

        countryCollection.events
            .add('click', function (e) {
                var placemark = e.get('target');
                alert('country');
                console.log('country');
            })
            .add('mouseenter', function (e) {
                e.get('target').options.unset('country#norm');
                e.get('target').options.set('country#hover');
            })
            .add('mouseleave', function (e) {
                e.get('target').options.set('country#norm');
                e.get('target').options.unset('country#hover');
            });
сама метка создается вот так   myPlacemark = new ymaps.Placemark([55.4046, 37.88628], {
            count: 'city'
        });

порекомендуйте, как правильно сделать вот этот эффект ховера, куда идти и что читать)