.focus{width:682px;/* height:260px;*/margin:0 auto;}
.focusbox{ position:relative;}
.focusimg{width:682px; height:260px; position:relative; overflow:hidden;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:682px; height:260px; cursor:pointer;}
.fimglist li{width:682px; height:260px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
.focustool{width:682px; overflow:hidden; margin:0 auto; position:relative;}
.ftoollist{/*width:4655px; */position:relative; padding:3px 0 0 1px;}
.ftoollist img{display:block; width:132px; height:69px;}
.ftoollist a{display:block;/* width:129px;*/ padding:1px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;border:solid 1px #FFF;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
.ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}
.ftoollist a:hover{z-index:100; border:solid 1px #F00;}
.ftoollist a:hover .imgname{color:#DBC98C;}
.ftoollist a:hover .imgshortcat{color:#FFF;}
.ftoollist .on a{ z-index:100; }
.ftoollist .on .imgname{color:#DBC98C;}
.ftoollist .on .imgshortcat{color:#FFF;}