.transition(@property, @duration, @function, @delay){-webkit-transition:@arguments;-moz-transition:@arguments;-ms-transition:@arguments;-o-transition:@arguments;transition:@arguments;}.border-radius(@radius){-webkit-border-radius:@radius;-moz-border-radius:@radius;border-radius:@radius;}.box-shadow(@shadow){-webkit-box-shadow:@shadow;-moz-box-shadow:@shadow;box-shadow:@shadow;}.user-select(@select){-webkit-touch-callout:@select;-webkit-user-select:@select;-khtml-user-select:@select;-moz-user-select:@select;-ms-user-select:@select;user-select:@select;}.opacity(@opacity){@opacity-ie:@opacity * 100;-ms-filter:e("progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity-ie})");filter:e("alpha(opacity=@{opacity-ie})");opacity:@opacity;}.transform(@transform){-webkit-transform:@transform;-moz-transform:@transform;-ms-transform:@transform;-o-transform:@transform;transform:@transform; }body .ideoslider .preventAnim{.transition( none, 0s, ease, 0s );}#<%=uid%>{@animationTime:<%=animationDuration%>ms;.bandeau{.frameSlider{.transition(all, @animationTime, ease, 0s);}.bigWrapperMini{.transition(all, @animationTime, ease, 0s);}.btnPrev,.btnNext{.transition(all, 0.3s, ease-in-out, 0s);}.frameSlider{z-index: 0;.opacity(0);}.frameSlider.animate-in{z-index: 1;.opacity(1);}.frameSlider.animate-out{z-index: 0;.opacity(0);}}@miniHeight:100px;@miniWidth:100px;@loaderSize:40px;@loaderMiniSize:30px;@marginMini: 6px;@color1:<%=colors[0]%>;@color2:<%=colors[1]%>;@radius : 10px;.rounded-corners(@radius: @radius) {  border-radius: @radius;  -webkit-border-radius: @radius;  -moz-border-radius: @radius;}.bandeau{&.ideoslider{position:relative;margin:15px 0;}.blockMiniaturesWrapper{position: relative;padding:17px 45px; }.miniaturesWrapper{position: relative;height:@miniHeight + @marginMini;overflow:hidden;.rounded-corners;}.bigWrapperMini{height:@miniHeight;}.miniatures{float: left;position:relative;margin:@marginMini;width:@miniWidth;height:@miniHeight;background-color:@color2;cursor:pointer;.rounded-corners;&.active{cursor:default;}&:hover{.opacity(0.8);}}.miniImage {width:100%;height:100%;.rounded-corners;}.btnPrevMiniature{cursor: pointer;position: absolute;text-align: center;top: 45%;width:40px;height:40px;background: @color1;background-image: url(../images/btnPrevMiniature.png);background-position: center center;background-repeat: no-repeat;left: 0;.opacity(1);.rounded-corners(@radius * 2);&:hover{.opacity(1);  background: @color2;background-image: url(../images/btnPrevMiniature.png);background-position: center center;background-repeat: no-repeat;}&:hover.inactive, &.inactive{display: none;}}.btnNextMiniature{cursor: pointer;position: absolute;text-align: center;top: 45%;width: 40px;height:40px;background: @color1;background-image: url(../images/btnNextMiniature.png);background-position: center center;background-repeat: no-repeat;right: 0;.opacity(1);.rounded-corners(@radius * 2);&:hover{.opacity(1);  background: @color2;background-image: url(../images/btnNextMiniature.png);background-position: center center;background-repeat: no-repeat;}&:hover.inactive, &.inactive{display: none;}}.slideLoader, .miniLoader{position: absolute;left: 50%;top: 50%;margin-left:-(@loaderSize / 2);margin-top:-(@loaderSize / 2);}.miniLoader{margin-left:-(@loaderMiniSize / 2);margin-top:-(@loaderMiniSize / 2);}}}