@charset "utf-8";
/* CSS Document */

*{box-sizing: border-box;}
html, body{height: 100%; background:#fff;}
.nav{position:relative; width:360px; height:60px; background:#fff;}
.nav:hover .link{width:8%;}
.nav .link{position:relative; float:left; width:16.66%; height:100%; transition:.7s width; overflow:hidden; cursor:pointer;}
.nav .link:hover{width:60%;}
.nav .link .small{position:absolute; top:0; left:0; width:60px;}
.nav:hover .link .small{left:20px; transition:0.6s;}
.nav .link .prev:hover{position:absolute; top:0; left:0; transition:.6s opacity; opacity:0; width:60px;}
.nav .link:hover .prev{opacity:0;}
.nav:hover .prev{opacity:1;}
.e{position:fixed; bottom:20px; width:100%; text-align:center; text-transform:uppercase; text-shadow:0 1px 0 rgba(0, 0, 0, 0.5); color:fff; font-size:12px; font-weight:700;}