body{font:12px '微软雅黑','Microsoft YaHei','Hiragino Sans GB',Arial,sans-serif}
*{margin:0;padding:0;text-decoration:none}
img{ border:none;}

.in-stock-figure{width:230px;border:1px solid #ddd; margin:0 auto;}
.in-stock-figure .figure-block-1{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.1);height:280px;overflow:hidden;padding:5px 5px 6px;position:relative}
.in-stock-figure .figure-block-1>div,.in-stock-figure .figure-block-1>a{position:absolute;left:5px;width:218px;height:93px}
.in-stock-figure .figure-block-1 a{display:block;z-index:3}
.in-stock-figure .figure-block-1 .figure-img-container{overflow:hidden;z-index:1}
.in-stock-figure .figure-block-1 .figure-1{top:5px}
.in-stock-figure .figure-block-1 .figure-1 .figure-img{background-position:0 0}
.in-stock-figure .figure-block-1 .figure-2{top:99px}
.in-stock-figure .figure-block-1 .figure-2 .figure-img{background-position:0 -93px}
.in-stock-figure .figure-block-1 .figure-3{top:193px}
.in-stock-figure .figure-block-1 .figure-3 .figure-img{background-position:0 -188px}
.in-stock-figure .figure-block-1 .figure-img{position:absolute;width:218px;height:94px;margin:0;-webkit-transition:all .6s ease !important;-moz-transition:all .6s ease !important;-ms-transition:all .6s ease !important;-o-transition:all .6s ease !important;transition:all .6s ease !important}
.in-stock-figure .figure-block-1 .figure-img.top{top:-94px}
.in-stock-figure .figure-block-1 .figure-img.center{top:0;z-index:2}
.in-stock-figure .figure-block-1 .figure-img.bottom{top:94px}
.in-stock-figure .figure-block-1 .figure-img.init{background-position:0 0 !important}
.in-stock-figure .figure-block-1 .figure-title{background:#111;background:rgba(0,0,0,0.75);bottom:-90px;right:5px;color:#eee;font-weight:bold;max-width:180px;position:absolute;padding:5px 10px;z-index:2;-webkit-transition:bottom .6s ease;-moz-transition:bottom .6s ease;-ms-transition:bottom .6s ease;-o-transition:bottom .6s ease;transition:bottom .6s ease}
.in-stock-figure .figure-block-1 .figure-title.active{bottom:20px}
.in-stock-figure .figure-block-2{ border-top:1px solid #ddd; background:#EAE7E1; overflow:hidden;}
.in-stock-figure .figure-block-2 .figure{background:#eae7e1;border-right:1px solid #ddd;padding:5px;display:block;float:left;position:relative}
.in-stock-figure .figure-block-2 .figure:hover{background:#ddd8cf}.in-stock-figure .figure-block-2 .figure:hover .figure-img{opacity:1}
.in-stock-figure .figure-block-2 .figure:hover .more{background:#b35e5e}
.in-stock-figure .figure-block-2 .figure.last{border-right:none}
.in-stock-figure .figure-block-2 .figure-img{border-radius:3px;width:45px;height:45px}
.in-stock-figure .figure-block-2 .more img{border-radius:3px;display:block}