.hori-wrap{overflow-y:hidden;margin:20px 0;margin-bottom:14px;}.frame{overflow:hidden;}.frame ul{list-style:none;margin:0;padding:0;height:100%;font-size:50px;}.frame ul li{float:left;width:195px;height:100%;margin:0 0px 0 0;padding:0;background:#000;color:#fff;text-align:center;cursor:pointer;}.frame ul li.active{color:#fff;background:#a03232;}.frame ul li .hori-title{background:url(images/hori-bg.png) no-repeat;height:42px;width:195px;position:absolute;bottom:0px;left:0px;text-align:left;font-size:13px;}.frame ul li .hori-title a{line-height:40px;color:#fff;padding:10px;}.scrollbar{margin:0 0 1em 0;height:2px;background:#ccc;line-height:0;}.scrollbar .handle{width:100px;height:100%;background:#292a33;cursor:pointer;}.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px;}.pages{list-style:none;margin:20px 0;padding:0;text-align:center;}.pages li{display:inline-block;width:14px;height:14px;margin:0 4px;text-indent:-999px;border-radius:10px;cursor:pointer;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);}.pages li:hover{background:#aaa;}.pages li.active{background:#666;}.controls{margin:25px 0;text-align:center;}.oneperframe{height:300px;line-height:300px;}.oneperframe ul li{width:1140px;}.oneperframe ul li.active{background:#333;}.crazy ul li:nth-child(2n){width:100px;margin:0 4px 0 20px;}.crazy ul li:nth-child(3n){width:300px;margin:0 10px 0 5px;}.crazy ul li:nth-child(4n){width:400px;margin:0 30px 0 2px;}.effects{height:200px;line-height:200px;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px;-webkit-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%;overflow-y:show;}.effects ul{-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}.effects ul li{position:relative;margin:0 -20px;-webkit-transform:rotateY(60deg) scale(0.9);-ms-transform:rotateY(60deg) scale(0.9);transform:rotateY(60deg) scale(0.9);-webkit-transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;}.effects ul li.active{z-index:10;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.effects ul li.active~li{-webkit-transform:rotateY(-60deg) scale(0.9);-ms-transform:rotateY(-60deg) scale(0.9);transform:rotateY(-60deg) scale(0.9);}