.all{
    overflow: hidden;
    width: 600px;
}
.top-img{
   height: auto;font-size: 0;position: relative;
  
}
.activeimg{
    overflow: hidden;height: 390px;position: relative;
}
.top-img .activeimg img{
    width: 600px;
    height: 390px;
    overflow: hidden;
    border-radius: 5px;
}
.top-img .left{
        width: 43px;
    height: 43px;
    /* background: rgba(0,0,0,0.4); */
    position: absolute;
    left: 0;
    top: 45%;
    text-align: center;
    line-height: 34px;
}
.top-img .right{
       width: 43px;
    height: 43px;
    line-height: 34px;
    position: absolute;right:0;top: 45%;text-align: center;
    cursor: pointer;
}
.top-img .left:hover,.top-img .right:hover{
    background: rgba(0,0,0,0.5);
}

.bot-img{
    height: 90px;
    width: 140px;
       position: absolute;
    right: 10px;
    top: 0;
}
.bot-img ul{
        padding-left: 0;
    width: 100%;height: 100px;
}
.bot-img ul li{
    margin-bottom: 10px;
    height: 90px;
    width: 140px;float: left;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}