/* display none until init */
.product-carousel {
	display: none;
	opacity: 1 !important;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	overflow: hidden;
}
#column-left .product-carousel, #column-right .product-carousel { display:block;}
#column-left .customNavigation, #column-right .customNavigation { display:none;}

#column-left .banners-slider-carousel .customNavigation,
#column-right .banners-slider-carousel .customNavigation{ display:block;}

.product-carousel .slider-wrapper{
    position: relative;
    float: left;
    width: 100%;
}
.product-carousel .slider-wrapper-outer {
	/* overflow: hidden; */
	position: relative;
	width: 100%;
	float: left;
}
.product-carousel .slider-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.slider-controls .slider-page,
.slider-controls .slider-buttons div{
	cursor: pointer;
}
.slider-controls {
	-webkit-tap-highlight-color: transparent;
}
/* mouse grab icon */
 



/* fix */
.customNavigation {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    clear: both;
    top: 34%;
    opacity:0;
}
.
.product-image .customNavigation a.prev {
    left: 0px;
    color: #000000;
    width: 20px;
}
.product-image  .customNavigation a {}

.customNavigation a.prev:hover 	{ text-decoration:none;}

.customNavigation a.next:hover 	{  text-decoration:none;}


.banners-slider-carousel .customNavigation a.prev:hover {text-decoration:none; z-index:999;}
.banners-slider-carousel .customNavigation a.next:hover 	{text-decoration:none; z-index:999;}


.product-info .product-image .customNavigation {
    text-align: center;
    width: 100%;
    z-index: 9;
    top: 22%;
    opacity: 1;
    left: 0;
    right: auto;
}
.product-info .product-image .customNavigation span.prev {
    left:0px;
	top:35px;
	position:absolute;	 
	cursor: pointer;
    height: 30px;
    padding: 7px 0 0;
    position: absolute;      
    width: 30px;
}
.product-info .product-image .customNavigation span.prev:hover 	{  text-decoration:none;}
.product-info .product-image .customNavigation span.next {	
    cursor: pointer;
    height: 30px;
    padding: 7px 0 0;
    position: absolute;
    right: 0;
    top: 35px;
    width: 30px;
}
.product-info .product-image .customNavigation span.next:hover 	{text-decoration:none;}

@media (max-width: 979px) {
	.customNavigation {
		width: 100%;
        top:36%;
	}
}