@charset "utf-8"; .dock-container { position: fixed; bottom: 0; width: 100%; text-align: right;}
.dock { position: relative; display: inline-block; -webkit-perspective: 400; padding: 10px 10px 0 10px; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; background-color: #101010;}
.dock .base { position: absolute; bottom: 0; width: 100%; height: 45px; z-index: -10; background-color: #888; background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#ccc)); background-image: -moz-linear-gradient(top, #999, #333); opacity: .5; border-bottom: 2px #aaa solid; -webkit-transform-origin: 50% 100%; -webkit-transform: rotateX(55deg); -moz-transform-origin: 50% 100%; -moz-transform: rotateX(55deg); -o-transform-origin: 50% 100%; -o-transform: rotateX(55deg);}
.dock ul { font-size: 14px; padding: 0 30px;}
.dock li { list-style-type: none; display: inline-block; position: relative; padding: 2px;}
.dock li b { display: none; position: absolute; bottom: 85px; left: 0; width: 100%; background-color: rgba(0,0,0,.75); padding: 4px 6px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: center; color: #fff; font-size: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.05em;}
.dock li:hover b { display: block;}
.dock li a { border-bottom: none;}
.dock li img { width: 32px; height: 32px; -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,.5))); -webkit-transition: all 0.3s; -webkit-transform-origin: 50% 100%; -moz-transition: all 0.4s; -moz-transform-origin: 50% 100%; -o-transition: all 0.3s; -o-transform-origin: 50% 100%;}
.dock li:hover img { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); margin: 0 2em; margin: 0 .8em;}
.dock li:hover + li img, .dock li.prev img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); margin: 0 .5em;}