/*°øÅë*/

.listcarousel { margin: 0 auto; padding:10px 0; text-align: center; position: relative; }
.listcarousel:after { content: ''; display: block; clear: both; }

/* Áø¿­¹æ½Ä */
.listcarousel ul.prdList { display: table; margin: 0 auto; list-style: none; font-size: 0; line-height: 0; z-index: 0; }
.listcarousel ul.prdList :after { content: ""; display: block; clear: both; }
.listcarousel ul.prdList li.item { float: left; display: inline-block; margin: 0; vertical-align: top; *display: inline; *zoom: 1; }
.listcarousel ul.prdList li:after { content: ""; display: block; clear: both; }
.listcarousel ul.prdList li.item div.box {  margin: 0 auto; font-size: 12px; line-height: 18px; text-align: center; }

.listcarousel ul.prdList li.item div.box img { vertical-align: middle; display: inline-block; }
.listcarousel ul.prdList li.item div.box .thumb { margin: 0; }
.listcarousel ul.prdList li.item div.box .prd_spec { text-align: center; display:block; }
.listcarousel ul.prdList li.item div.box .name { text-align: center; }
.listcarousel ul.prdList li.item div.box .name a {  }
.listcarousel ul.prdList li.item div.box .price { text-align: center; color:#58b6e0; font-weight:bold; }

.listcarousel div.on { border: 1px solid #efefef; }
.listcarousel ul.column1 { position: relative; }
.listcarousel ul.column1 li.item { width: 270px; }
.listcarousel ul.column1 li.item .box { width:170px; }
.listcarousel ul.column1 li.item .thumb { max-width: 100%; }
.listcarousel ul.column1 li.item .prd_spec { width:170px; padding-top:10px; }



.listcarousel ul.column4 { position: relative; }
.listcarousel ul.column4 li.item { width: 160px; }
.listcarousel ul.column4 li.item .box { width:140px; }
.listcarousel ul.column4 li.item .thumb { max-width: 100%; max-height:250px; }
.listcarousel ul.column4 li.item .prd_spec { width:140px; padding-top:10px; }

.listcarousel a.prev, .listcarousel a.next { background: url(/design/borinara/msc_skin/apps/img/btn_arrow1.png) no-repeat transparent; width: 15px; height: 25px; display: block; position: absolute; top: 50%; }
.listcarousel a.prev { left: 10px; background-position: 0 0; margin-top: -12.5px; }
.listcarousel a.prev:hover { background-position: -15px 0; }
.listcarousel a.next { right: 10px; background-position: -45px 0; margin-top: -12.5px; }
.listcarousel a.next:hover { background-position: -30px 0; }
.listcarousel a.prev span, .listcarousel a.next span { display: none; }
.listcarousel .clearfix { float: none; clear: both; }