#slider {
    height: 100%;
}

.slider {
        width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
    }

    .slick-slide div {
    margin: 8px 0px;
    }
    .slick-current {
      opacity: 1;
    }

}
#slider img{
    width:100%;
    height:100%;
    position: absolute;
}



#next{
    float:right;
    right:0px;
}

#prev{
    float:left;
    left:0;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;  
    border-left: 15px solid #fff;
    position:relative;
    top:20%;
    right:-40%;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;  
    border-right:15px solid #fff; 
    position:relative;
    top:20%;
    left:30%;
}
.slide-best {
    width: 100%;
    height: 556px;
    overflow: hidden;
    z-index: 0;
    top: 0;
}
.slide-best img {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}

#slider img{
    width:100%;
    height:100%;
    position: absolute;
}
.slide-abc {
    position: relative;
}
#prev, #next {
    cursor: pointer;
    z-index: 100;
    background: #666;
    height: 50px;
    width: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: 0;
    padding: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#next{
    float:right;
    right:0px;
}

#prev{
    float:left;
    left:0;
}


.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;  
    border-left: 15px solid #fff;
    position:relative;
    top:20%;
    right:-40%;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;  
    border-right:15px solid #fff; 
    position:relative;
    top:20%;
    left:30%;
}