/* BASIC css start */
#contentWrap {  min-height: 500px; width: 100% !important; margin: 0 auto; }
.page-body {margin:0 auto; width:1237px; }

.prd-class-hd { max-width: 1400px; margin: 0 auto; padding: 0 2%; font-size: 12px; text-transform: none; color: #4a4a4a;  font-family: 'GillSansRegular'; }
.discount-box {font-weight:bold; color:red}

.catalog-category-view .breadcrumbs { display: block; }
.catalog-category-view .breadcrumbs { padding: 0 2%; font-size: 12px; text-transform: none; color: #4a4a4a;  font-family: 'GillSansRegular'; display: none;}

.item-info { padding:50px 30px !important; box-sizing:border-box;  }
.sort select { border:1px solid #000; border-bottom:1px solid #DDD; padding:7px;  font-size: 14px; line-height:50px;  height:40px; color:#999;  }

.category-banner-large { background-color: #faf2e7; !important; display: block;  border: 0; box-shadow: none; overflow: visible; position: relative; margin: 25px 0 0; min-height: 120px;  }
.category-banner-large .caption:after {  }

.category-hero { padding: 20px 4% 0; }
.category-hero .caption:after{ content:'';width:100%; bottom: 30px; position:absolute; left:0;transition:opacity 0.3s; background: linear-gradient(to bottom, rgba(232,145,149,0), #e89195 100%); }


.category-banner-large .standard-banner {max-width: 1400px; margin-left: auto; margin-right: auto; background-position: top right;background-repeat: no-repeat; text-align: center; }
.category-banner-large .standard-banner .inner { padding: 4% 2%; text-align: left; margin: 0; height: 74%; position: relative;}
.category-banner-large .standard-banner .heading { margin-bottom: 12px; font-size: 36px; line-height: 36px;letter-spacing: 1px;text-align: center; max-width: 60%; background: transparent; color: #333131; display: inline;}
.category-banner-large .standard-banner .caption {   padding: 0;  margin-top: 40px; font-size: 14px; line-height: 22px; font-family: 'GillSansRegular';  font-weight: 400; max-width: 60%; background: transparent; color: #333131; text-align: left; letter-spacing: 0.04em;}

.category-banner-large .standard-banner .caption a { font-family: 'GillSansRegular'; font-size: 14px; font-weight: 500; text-decoration:underline; color:333131; }
.category-banner-large .standard-banner .caption a:hover{ text-decoration:none; }

.category-hero__trigger{width:30px;height:30px;max-height:30px;margin:0 auto;position:relative; bottom:20px;cursor:pointer;background:url("/design/sfsintl/fw/555.png") no-repeat top center;background-size:100%;-ms-transform:rotate(-90deg);transform:rotate(-360deg);transition:transform 400ms;display:block}
.category-hero__trigger span{display:none}
.category-hero .caption{max-height:70px; transition:max-height 0.3s;overflow:hidden}

.category-hero--expanded .caption{max-height:800px}
.category-hero--expanded .caption:after{opacity:0}
.category-hero--expanded .category-hero__trigger {-ms-transform:rotate(270deg);transform:rotate(270deg);}





/*up*/
@keyframes motion {
    0%{transform:translateY(0);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}

#up {position:fixed; right: 60px; bottom:60px; animation:motion ease 1s infinite; z-index:9;}




/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 25px 16px 5px; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }
/* BASIC css end */