@charset "utf-8";
.lightimg {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 0 10px #FFF;
    box-shadow: 0 0 10px #FFF;
}

.light {cursor: pointer;position: absolute;left: -180px;top: 0;width: 180px;height: 90px;
    -webkit-animation:light 2s infinite;
    -moz-animation: light 2s infinite;
    -o-animation: light 2s infinite;
    -ms-animation:light 2s infinite;
    animation:light 2s infinite;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    -webkit-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -ms-transform: skewx(-25deg);
    transform: skewx(-25deg);
}

@keyframes light {
    0%    {left:-180px;}
    100%  {left:180px;}
}


/*Fold Out 菜单*/
.effect_nav{}
.effect_nav .navlist > li:hover .navson {
    /*.navlist li:hover >.navson {display:block;}*/
    max-height: 500px;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.effect_nav .navlist > li .navson {
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}