.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;body .ideoslider .preventAnim{.transition( none, 0s, ease, 0s );}.diaporama{.frameSlider{.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);}.loaderDiaporama{.transition(all, 1s, linear, 0s);width:0;height:3px;position:absolute;bottom:0;left:50%;background:rgba(255, 255, 255, 0.75);z-index:100; }.loaderDiaporama.animate-in{width:100%;left: 0;}}@sliderHeight:280px;@loaderSize:40px;@color1:<%=colors[0]%>;@color2:<%=colors[1]%>;@radius : 10px;.rounded-corners(@radius: @radius) {  border-radius: @radius;  -webkit-border-radius: @radius;  -moz-border-radius: @radius;}.diaporama{&.ideoslider{position:relative;margin:15px 3px 35px 3px;height:@sliderHeight;}.blockGrande{position:relative;height:@sliderHeight - 2;overflow:hidden;background:#FFF;padding:10px;.box-shadow( 0px 1px 3px 0px rgba(0, 0, 0, 0.3) );}.frameWrapper{position:relative;height:@sliderHeight;overflow:hidden;}.grandeImage{position:relative;height:@sliderHeight;overflow:hidden;}.frameSlider{z-index: 0;width: 100%;.opacity(0);position:absolute;height:@sliderHeight;background-color:@color2;overflow:hidden;}.btnPrev{cursor: pointer;position: absolute;z-index:9999;text-align: center;top: 50%;margin-top: -25px;width: 35px;height: 20px;padding: 15px 0;left: 0;background: @color1;background-image: url(../images/btnPrevMiniature.png);background-position: center center;background-repeat: no-repeat;.opacity(0);&:hover{.opacity(1);background: @color2;background-image: url(../images/btnPrevMiniature.png);background-position: center center;background-repeat: no-repeat;}}.btnNext{cursor: pointer;position: absolute;z-index:9999;text-align: center;top: 50%;margin-top: -25px;width: 35px;height: 20px;padding: 15px 0;right: 0;background: @color1;background-image: url(../images/btnNextMiniature.png);background-position: center center;background-repeat: no-repeat;.opacity(0);&:hover{.opacity(1);background: @color2;background-image: url(../images/btnNextMiniature.png);background-position: center center;background-repeat: no-repeat;}}.blockGrande:hover .btnPrev, .blockGrande:hover .btnNext{.opacity(1);}.slideLoader{position: absolute;left: 50%;top: 50%;margin-left:-(@loaderSize / 2);margin-top:-(@loaderSize / 2);}}}