#cross 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;}
#cross 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;}
#cross 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;}
#cross 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;}

#cross {float:left;width:100%;clear:both;position:relative;margin:10px 0 25px 0;}
.cross-box {float:left;width:100%;clear:both;background:#f9f9f9;position:relative;padding-top:10px;}
#cross_list {float: left;overflow: hidden;width: 93%;margin:0 3.5% 0 3.5%;clear:none;position:relative;}
#cross_list ul {float:left;width:100%;clear:both;list-style-type:none;}
#cross_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;}
#cross_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;}
#cross_list .f-prod-img {float:left;width:100%;height:auto;max-width:300px;}
#cross_list h5 {float:left;width:100%;clear:both;}
#cross_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;}
#cross_list h5 a:hover {font-weight:bold;color:#000;}
#cross_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;}
#cross_list .price .regular {font-size:16px;font-weight:normal;line-height:18px;margin-left:2px;}
#cross_list .price span {float:none;}
#cross_list .f-img { float:left;width:100%;clear:both;height:auto;position:relative;}
#cross_list .rel-wrap { float:left;width:100%;clear:both;height:auto;position:relative;}
#cross_list .f-img img.out { opacity: 0.4; }

#cross_list.less_5 {width:100%;margin:0;}

#cross_scroll_left {position:absolute;top:50%;margin-top:-35px;left:0;width:30px;opacity:0.4;cursor:default;z-index:9;}
#cross_scroll_right {position:absolute;top:50%;margin-top:-35px;right:0;width:30px;opacity:0.4;cursor:default;z-index:9;}
#cross_scroll_left .fa, #cross_scroll_right .fa {background: #fff; border: 1px solid #ddd;line-height:70px; color: #888; font-size: 13px; text-align: center;width: 100%; height: 70px;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;}
#cross_scroll_left.active, #cross_scroll_right.active {cursor:pointer;opacity:1;}

#cross_scroll_left.active:hover, #cross_scroll_right.active:hover {width:40px;}
#cross_scroll_left.active:hover .fa {color:#666;border:1px solid #ccc;border-left:none;}
#cross_scroll_right.active:hover .fa {color:#666;border:1px solid #ccc;border-right:none;}

#cross_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;}
#cross_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) {
  #cross h2 span.lead {font-size:14px;}
}

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

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