@charset "utf-8";
.side{
   z-index: 9999;
    position: fixed;
    width: 48px;
    top: 473px;
    right: 0px;
}
.side UL LI{
   position: relative;
    width: 48px;
    margin-bottom: 10px;
    float: left;
    height: 48px;
}
.side UL LI .sidebox{
   position: absolute;
    text-align: left;
    line-height: 48px;
    width: 48px;
    background: #e5851e;
    height: 48px;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    top: 0px;
    right: 0px;
    transition: all 0.3s;
}
.side UL LI A:hover .sidebox{
   width: 180px;
}
.side UL LI .sidetop{
   filter: Alpha(opacity=80);
    line-height: 50px;
    width: 50px;
    display: inline-block;
    background: #000;
    height: 50px;
    opacity: 0.8;
    transition: all 0.3s;
}
.side UL LI .sidetop:hover{
   background: #c1ad5d;
}
.side UL LI IMG{
   float: right;
}
.side2 UL LI .sidebox{
   position: absolute;
    text-align: left;
    line-height: 48px;
    width: 48px;
    background: #e5851e;
    height: 48px;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    top: 0px;
    right: 0px;
    transition: all 0.3s;
}