.sidebar-page-container{
    background:;
}

.sidebar-page-container dir:after{
    display:block;
    content:'';
    clear:both;
}
.sidebar-page-container dir>dl:after{
    display:block;
    content:'';
    clear:both;
}
.sidebar-page-container dir>dl>dt{
    float:left;
    margin-right:8px;
    opacity:.88;
}
.sidebar-page-container dir>dl>dt b{
    font-weight:inherit;
}
.sidebar-page-container dir>dl>dd{
    float:left;
}
.sidebar-page-container dir>dl>dd i{
    font-style:inherit;
}

.imagedetail .images{
    width:100%;
    overflow:hidden;
    margin-bottom:18px;
    position:relative;
}
.imagedetail .images .imgs{
    width:10000%;
}
.imagedetail .images .imgs:after{
    display:block;
    content:'';
    clear:both;
}
.imagedetail .images .imgs .img{
    width:1%;
    float:left;
}
.imagedetail .images .imgs .img img{
    display:block;
    max-width:100%;
    margin:0 auto;
}

@media(min-width:1200px){
    .imagedetail .images dl{
        visibility:hidden;
        opacity:0;
        transition:.3s;
    }
    .imagedetail .images:hover>dl{
        visibility:visible;
        opacity:1;
    }
    .imagedetail .images dl>*{
        position:absolute;
        top:50%;
        width:40px;
        height:40px;
        margin-top:-20px;
        transform:rotate(45deg);
        cursor:pointer;
        transition:.3s;
        border-style:solid;
        border-color:rgb(132,132,132);
    }
    .imagedetail .images dl>dt{
        left:30px;
        border-width:0 0 2px 2px;
    }
    .imagedetail .images dl>dd{
        right:30px; 
        border-width:2px 2px 0 0;
    }
    .imagedetail .images dl>dt:hover,.imagedetail .images dl>dd:hover{
        border-color:#fc6b00;
    }
}

@media(max-width:767px){
    .imagedetail .images{
        margin-bottom:8px;
    }
}