/**************/
.box{
    width: 840px;height: 840px;border:0px solid #dedede; background: #f9f9f9;
}
.all{
    width: 840px;height: auto;margin: 1px;overflow: hidden;
}
.top-img{
    width: 840px;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;height:840px;position: relative;
}
.top-img .activeimg img{
    width: 840px;height: 840px;
}
.top-img .left{
    width: 80px;height: 840px; position: absolute;left: 0;top: 0;text-align: center;line-height:840px;
    cursor: pointer;
}
.top-img .right{
    width: 80px;height: 840px; position: absolute;right:0px;top: 0;text-align: center;line-height: 840px;
    cursor: pointer;
}
.top-img .left:hover,.top-img .right:hover{
     
}

.bot-img{
    height: 90px;width: 840px;margin-top: 15px
}
.bot-img ul{
    width: 100%;height: 100px;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #006a35;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}