/*=============================
Product hover slideshow
==============================*/
.productHoverSlideShow .cmsImage { position: relative; }
.productHoverSlideShow .cmsImage .hoverSlideshow { display: none; position:absolute; height: 100%; width: 100%; top: 0; background-color:inherit; overflow: hidden;}
.productHoverSlideShow .cmsImage .hoverSlideshow li{display:none; width: 100%; margin: 0;}
.productHoverSlideShow .cmsImage .hoverSlideshow .slick-slider li,
.cb-slider .hoverSlideshow .slick-slider li{display:block;}

.cmsItemLI.sfhover .productHoverSlideShow .hoverSlideshow ,
.cmsItemLI:hover .productHoverSlideShow .hoverSlideshow,
.cb-slider li:hover .productHoverSlideShow .hoverSlideshow  { display: block; }

.productHoverSlideShow ul.cmsDivSlider {padding: 0;}

/*Cater for different size slider thumbs that might show below image - restrict to cb-grid (usually cb-slider) for the moment*/
[data-role="featuredproduct"] li .productHoverSlideShow .cmsImage > a img{opacity:1;transition:opacity 0.75s ease;}
[data-role="featuredproduct"] li:hover .productHoverSlideShow .cmsImage > a img{opacity:0;}
/*Nested slick - Ignore Margin set on main slick*/
.cb-slider .hoverSlideshow .slick-slider li{margin:0!important;}
.cb-slider .hoverSlideshow .slick-slide a{display:block;padding:0!important;}