.box{
        width: 100%;
        height:100%;
        position: relative;
        overflow: hidden;
}

.box .box-con{
    width:90%;
    height: 100%;
    margin:0 5%;
    position: relative;
}

.box .box-con li{
    position: absolute;
    cursor: pointer;
    /*overflow: hidden;*/
    transform: perspective(2000px);
    display: block;
}

.box .box-con li img{
    width: 100%;
    height: 100%;
}

.box .prev,.next{
    width:35.5%;
    height: 73%;
    display: block;
    position: absolute;
    top: 13%;
    z-index: 51;
    cursor: pointer;
    opacity: 0.5;
}

.prev{
    left: 0px;
    background: url(/themes/simplebootx/Public/assets/images/left.png) no-repeat 0px 50%;
}
.next{
    right:0px;
    background: url(/themes/simplebootx/Public/assets/images/right.png) no-repeat 100% 50%;
}