#same-cat h2 {margin-top:10px;width: 100%; padding:0;float: left; clear: both;position:relative;background:#fff;border:1px solid #ddd;border-left:none;border-bottom:2px solid #ccc;}
#same-cat h2 span.lead {float:left;margin-top:-1px;width:auto;font-size:16px;text-transform:uppercase;line-height:18px;color:#fff;font-weight:500;background: #FF6601;border-bottom:2px solid #E75C00;margin-bottom:-2px;padding:12px 8px 11px 8px;font-family:"Open Sans",sans-serif;}
#same-cat h2 span.arrow {float:left;width:24px;margin:0 0 -2px 0;height:42px;background:transparent;border:21px solid #FF6601;border-width:21px 12px;border-color:transparent transparent transparent #FF6601;}
#same-cat h2 span.other {float:left;width:auto;font-size:13px;color:#888;padding:13px 0 0 0px;font-weight:normal;font-family:"Open Sans",sans-serif;max-width:55%;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap: break-word; word-break: break-all;}

#same-cat {float:left;width:100%;clear:both;position:relative;margin:10px 0 25px 0;}
.same-cat-box {float:left;width:100%;clear:both;background:#f9f9f9;position:relative;padding-top:10px;}
#same-cat_list {float: left;overflow: hidden;width: 93%;margin:0 3.5% 0 3.5%;clear:none;position:relative;}
#same-cat_list ul {float:left;width:100%;clear:both;list-style-type:none;}
#same-cat_list .simple-prod {float:left;width:18%;margin:0 1% 15px 1%;border:1px solid transparent;padding:5px;-webkit-transition: 0.15s linear all; -moz-transition: 0.15s linear all; -ms-transition: 0.15s linear all; -o-transition: 0.15s linear all; transition: 0.15s linear all; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
#same-cat_list .simple-prod:hover {background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px #dddddd; -webkit-transition-delay: 0s; transition-delay: 0s; -moz-box-shadow: 1px 1px 3px #dddddd; -webkit-box-shadow: 1px 1px 3px #dddddd;}
#same-cat_list .f-prod-img {float:left;width:100%;height:auto;max-width:300px;}
#same-cat_list h5 {float:left;width:100%;clear:both;}
#same-cat_list h5 a {text-align: center; float: left; width: 100%; clear: both; font-size: 14px;line-height:16px; font-weight: normal; color: #666; margin: 12px 0 10px 0; padding: 0 6px; font-family:"Open Sans",sans-serif;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0s linear all; -moz-transition: 0s linear all; -ms-transition: 0s linear all; -o-transition: 0s linear all; transition: 0s linear all;}
#same-cat_list h5 a:hover {font-weight:bold;color:#000;}
#same-cat_list .price {float: left; width: 100%; clear: both;line-height:18px; font-size: 13px; color: #F56200; font-weight: normal; text-align: center;margin:0 0 14px 0;font-family:"Open Sans",sans-serif;}
#same-cat_list .price .regular {font-size:16px;font-weight:normal;line-height:18px;margin-left:2px;}
#same-cat_list .price span {float:none;}
#same-cat_list .f-img { float:left;width:100%;clear:both;height:auto;position:relative;}
#same-cat_list .rel-wrap { float:left;width:100%;clear:both;height:auto;position:relative;}
#same-cat_list .f-img img.out { opacity: 0.4; }
#same-cat_list .t-block {float: left; width: 100%; clear: both; height: 32px; border-bottom: 1px solid #555; background: #fff;}
#same-cat_list .t-block.out .other {font-weight:bold;color:#F00000;}
#same-cat_list .t-block .qty_stock {background: #444; float: left; color: #fff; min-width: 32px;width:auto; height: 32px; text-align: center; font-size: 14px; font-weight: 500; padding: 0 5px;line-height:32px;font-family:"Open Sans",sans-serif; }
#same-cat_list .t-block .qty_stock.out {display:none;}
#same-cat_list .t-block .other {float: left; width: auto; color: #555; font-size: 13px; font-weight: normal; padding: 0 0 0 6px;line-height:32px; height: 32px;font-family:"Open Sans",sans-serif;}
#same-cat_list .s-wrap {padding:33% 0;background:transparent;z-index:5;position:absolute;width:100%;height:100%;text-align:center; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;}
#same-cat_list .simple-prod.out .s-wrap {display:none;}
#same-cat_list .simple-prod .s-wrap {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
#same-cat_list .simple-prod:hover .s-wrap,  #same-cat_list .simple-prod .s-wrap:hover, #same-cat_list .simple-prod:hover .s-wrap:hover {-webkit-transition-delay: 0s; transition-delay: 0s;}
#same-cat_list .simple-prod:hover .s-wrap {background:rgba(0, 0, 0, 0.2);}
#same-cat_list .a-button {display: block; z-index: 5; width: 50px; padding:0;line-height:50px; height: 50px; margin: auto; text-align: center; float: none; font-size: 24px;background:transparent;color:transparent;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;-webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;}
#same-cat_list .simple-prod:hover .a-button {background:#FF6601;color:#fff;}
#same-cat_list .simple-prod:hover .a-button:hover {background:#E05900;}

#same-cat_list.less_5 {width:100%;margin:0;}

#same-cat_scroll_left {position:absolute;top:0;left:0;width:30px;opacity:0.4;cursor:default;z-index:9;}
#same-cat_scroll_right {position:absolute;top:0;right:0;width:30px;opacity:0.4;cursor:default;z-index:9;}
#same-cat_scroll_left .fa, #same-cat_scroll_right .fa {background: #fff; border: 1px solid #ddd; color: #888; font-size: 12px; text-align: center; padding-top: 14px; width: 100%; height: 40px;position:absolute;-webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;}
#same-cat_scroll_left.active, #same-cat_scroll_right.active {cursor:pointer;opacity:1;}

#same-cat_scroll_left.active:hover, #same-cat_scroll_right.active:hover {width:3.5%;}
#same-cat_scroll_left.active:hover .fa {color:#666;border:1px solid #ccc;border-left:none;}
#same-cat_scroll_right.active:hover .fa {color:#666;border:1px solid #ccc;border-right:none;}

#same-cat_scroll_left .fa {border-left:none;-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
#same-cat_scroll_right .fa {border-right:none;-webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}


@media screen and (min-width: 481px) and (max-width: 1050px) {
  #same-cat h2 span.lead {font-size:14px;}
}


@media screen and (max-width: 481px) {
  #same-cat h2 span.lead {width:100%;}
  #same-cat h2 span.arrow {display:none;}
  #same-cat h2 span.other {padding:10px 8px 8px 8px;line-height:18px;}
}

@media screen and (max-width: 321px) {
  #same-cat {display:none}
}