/* Start:/local/templates/magnet_s1/components/bitrix/catalog.element/main-custom/style.css?17077324711827*/
#zoomer{
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.7);
}

#zoomer.opened{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#zoomer #zoomerExitLink{
    background: url(/local/templates/magnet_s1/components/bitrix/catalog.element/main-custom/images/exitBig.png) 0 0  no-repeat transparent;
    height: 50px;
    opacity: 0.5;
    width: 50px;
}

#zoomer #zoomerExitLink:hover{
    opacity: 0.8;
}

#zoomer #zoomerExitLink:active{
    height: 48px;
    opacity: 1;
    top: 25px;
}

#zoomerMoreImagesContainerWrapper .item{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#zoomerMoreImagesContainerWrapper .item:hover{
    opacity: 0.9 !important;
}

#zoomerMoreImagesContainerWrapper .selected{
    opacity: 1 !important;
}

#zoomerBigPrevMore,
#zoomerBigNextMore{
    background: url(/local/templates/magnet_s1/components/bitrix/catalog.element/main-custom/images/carouselArrowsBig.png) 0 0 no-repeat transparent;
    opacity: 0.5;
}

#zoomerBigNextMore{
    background-position: -57px 0;
}

#zoomerNextMore,
#zoomerPrevMore{
    background: url(/local/templates/magnet_s1/components/bitrix/catalog.element/main-custom/images/carouselArrows.png) 0 0 no-repeat transparent;
    opacity: 0.5;
}


#zoomerNextMore{
    background-position: -80px 0;
}

#zoomerPrevMore:hover,
#zoomerNextMore:hover,
#zoomerBigPrevMore:hover,
#zoomerBigNextMore:hover{
    opacity: 0.8;
}

#zoomerPrevMore:active,
#zoomerNextMore:active,
#zoomerBigPrevMore:active,
#zoomerBigNextMore:active{
    opacity: 1;
}

#zoomerNextMore:active{
    right: -1px !important;
}

#zoomerPrevMore:active{
    left: -1px !important;
}

#zoomerBigPrevMore:active{
    left: 23px !important;
}

#zoomerBigNextMore:active{
    right: 23px !important;
}

#zoomerMoreImagesContainerWrapper .link:active{
    position: relative;
    top: 1px;
}
/* End */
/* /local/templates/magnet_s1/components/bitrix/catalog.element/main-custom/style.css?17077324711827 */