/* Add by DVN */


/* End add by DVN */
.mage-producttabs  .item.first{margin-left: 0px;}
.mage-producttabs  .item{
	float:left;
	/*padding-left: 30px;*/
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mage-producttabs  .item-animate{
	opacity: 0;
	filter:alpha(opacity = 0);
    position: relative;
}
.mage-producttabs  .play .item-animate{
	opacity: 1;
	filter:alpha(opacity = 100);
}
.mage-producttabs  .play .item-animate{
	-webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}
.mage-producttabs  .slideBottom.play .item-animate{
	-webkit-animation: slideBottom 600ms ease both;
    -moz-animation: slideBottom 600ms ease both;
    -o-animation: slideBottom 600ms ease both;
    animation: slideBottom 600ms ease both;
}
.mage-producttabs  .slideLeft.play .item-animate{
	-webkit-animation: slideLeft 600ms ease both;
    -moz-animation: slideLeft 600ms ease both;
    -o-animation: slideLeft 600ms ease both;
    animation: slideLeft 600ms ease both;
}
.mage-producttabs  .slideRight.play .item-animate{
	-webkit-animation: slideRight 600ms ease both;
    -moz-animation: slideRight 600ms ease both;
    -o-animation: slideRight 600ms ease both;
    animation: slideRight 600ms ease both;
}
.mage-producttabs  .bounceIn.play .item-animate{
	-webkit-animation: bounceIn 600ms ease both;
    -moz-animation: bounceIn 600ms ease both;
    -o-animation: bounceIn 600ms ease both;
    animation: bounceIn 600ms ease both;
}
.mage-producttabs  .bounceInRight.play .item-animate {
    -webkit-animation: bounceInRight 600ms ease both;
    -moz-animation: bounceInRight 600ms ease both;
    -o-animation: bounceInRight 600ms ease both;
    animation: bounceInRight 600ms ease both;
}
.mage-producttabs  .zoomIn.play .item-animate{
	-webkit-animation: zoomIn 600ms ease both;
    -moz-animation: zoomIn 600ms ease both;
    -o-animation: zoomIn 600ms ease both;
    animation: zoomIn 600ms ease both;
}
.mage-producttabs  .zoomOut.play .item-animate{
	-webkit-animation: zoomOut 600ms ease both;
    -moz-animation: zoomOut 600ms ease both;
    -o-animation: zoomOut 600ms ease both;
    animation: zoomOut 600ms ease both;
}

.mage-producttabs  .pageRight.play .item-animate{
	-webkit-animation: pageRight 600ms ease both;
    -moz-animation: pageRight 600ms ease both;
    -o-animation: pageRight 600ms ease both;
    animation: pageRight 600ms ease both;
}
.mage-producttabs  .pageLeft.play .item-animate{
	-webkit-animation: pageLeft 600ms ease both;
    -moz-animation: pageLeft 600ms ease both;
    -o-animation: pageLeft 600ms ease both;
    animation: pageLeft 600ms ease both;
}
.mage-producttabs  .pageTop.play .item-animate{
	-webkit-animation: pageTop 600ms ease both;
    -moz-animation: pageTop 600ms ease both;
    -o-animation: pageTop 600ms ease both;
    animation: pageTop 600ms ease both;
}
.mage-producttabs  .pageBottom.play .item-animate{
	-webkit-animation: pageBottom 600ms ease both;
    -moz-animation: pageBottom 600ms ease both;
    -o-animation: pageBottom 600ms ease both;
    animation: pageBottom 600ms ease both;
}

.mage-producttabs  .starwars.play .item-animate{
	-webkit-animation: starwars 600ms ease-out both;
    -webkit-transform-origin: 50% 50%;

    -moz-animation: starwars 600ms ease-out both;
    -moz-transform-origin: 50% 50%;

    -o-animation: starwars 600ms ease-out both;
    -o-transform-origin: 50% 50%;

    animation: starwars 600ms ease-out both;
    transform-origin: 50% 50%;

}

.catslider .catslider-item .image {display: block;} 
.catslider .catslider-item .imagehover{display: none;} 
.catslider .catslider-item:hover .image { display: none}
.catslider .catslider-item:hover .imagehover { display: block}
.catslider .select_catslider .catslider-item .image { display: none}
.catslider .select_catslider .catslider-item .imagehover { display: block}