.product-left{ width:100%;max-width:400px;float:left;position: relative;}
.box{ float: left;}
.smallbox{width:400px;position: relative;border:1px solid #ededed;box-sizing: border-box;padding:5px;}
.smallbox img{width:100%; height:100%;vertical-align:middle;}
.i_box{width:100px; height:100px; border:0px solid #CCC; position: absolute;left: 0;
top: 0;background: rgba(243,210,76,0.0);cursor: move;display: none;}
.bigbox{ width:400px;height:400px;overflow: hidden;position: absolute;left:400px;top:0;border:0px solid #CCCCCC;display: none; background:#FFFFFF;text-align: left;}
.bigbox img{display: block; /* ʹͼƬ¿¿×ó */
  margin-left: -0%; /* ½«Í¼Æ¬×ó±ßÔµÏò×óÒƶ¯¿í¶ÈµÄ25%£¬ÒÔ±ãÈÃͼƬ¿¿×ó */
  transform: scale(4); /* ·Å´óͼƬ5±¶ */
  transform-origin: top left; }
.search{ width: 30px; height: 30px; position: absolute; right: 0; bottom: 0; background: url("search.png")no-repeat;}
.listimg{width:400px;float: left; margin:10px 0px; position: relative;}
.list_center{ width:360px;height:68px; margin:0px auto; position: relative; overflow: hidden;}
.list_center ul{height:68px;}
.list_center ul li{ height:68px;width:68px; margin:0 2px;float:left;}
.list_center ul li img{width:66px;height:66px;border:1px solid #ededed;}
.list_center ul li img:hover{border:1px solid #ff0000;}
.listimg i{width:14px;height:20px;}
.sprite-arrow-prev{ background:url("disabled-prev.png"); position: absolute;left: 0;top:24px; }
.sprite-arrow-next{ background:url("disabled-next.png"); position: absolute;right: 0;top:24px;}