.xui-slider-warp, .xui-slider-list {
position:relative;
height: 300px;
}
.xui-slider-warp .pic {
width:750px;
height: 300px;
}
.xui-slider-item {
width:750px;
height: 300px;
}
.xui-slider-item.is-anim {
-webkit-transition: transform 300ms ease-out, opacity 300ms ease-out;
-moz-transition: transform 300ms ease-out, opacity 300ms ease-out;
transition: transform 300ms ease-out, opacity 300ms ease-out;
}
.xui-slider-item-0 {
-webkit-transform:translate(-164px,0) scale(0.87);
-ms-transform:translate(-164px,0) scale(0.87);
transform:translate(-164px,0) scale(0.87);
z-index:-1;opacity:0;
}
.xui-slider-item-1 {
-webkit-transform:translate(0px,0) scale(0.87);
-ms-transform:translate(0px,0) scale(0.87);
transform:translate(0px,0) scale(0.87);
transform-origin: 0% 50%;opacity:0.8;
}
.xui-slider-item-2 {
-webkit-transform:translate(165px,0) scale(1.24);
-ms-transform:translate(165px,0) scale(1);
transform:translate(165px,0) scale(1);
z-index:3;
}
.xui-slider-item-3 {
-webkit-transform:translate(331px,0) scale(0.87);
-ms-transform:translate(331px,0) scale(0.87);
transform:translate(331px,0) scale(0.87);
transform-origin: 100% 50%;z-index:1;opacity:0.8;
}
.xui-slider-item-4 {
-webkit-transform:translate(496px,0) scale(0.87);
-ms-transform:translate(496px,0) scale(0.87);
transform:translate(496px,0) scale(0.87);
z-index:-1;opacity:0;
}
.xui-slider-item-5 {
-webkit-transform:translate(661px,0) scale(0.87);
-ms-transform:translate(661px,0) scale(0.87);
transform:translate(661px,0) scale(0.87);
z-index:-1;opacity:0;
}
.xui-slider-item-6 {
-webkit-transform:translate(826px,0) scale(0.87);
-ms-transform:translate(826px,0) scale(0.87);
transform:translate(826px,0) scale(0.87);
z-index:-1;opacity:0;
}
.xui-slider-item-7 {
-webkit-transform:translate(991px,0) scale(0.87);
-ms-transform:translate(991px,0) scale(0.87);
transform:translate(991px,0) scale(0.87);
z-index:-1;opacity:0;
}