.otc-option-container {max-height: 500px; overflow: auto; position: relative;}

.otc-option-container.collapsed {overflow: hidden !important;}

.otc-option-container.collapsed::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

.otc-option-collapse-btn {
	position:absolute;
	left:0;
	bottom: 0;
	display: none;
	width: 100%;
	text-align: center;
	cursor: pointer;
	z-index: 99;
	font-size: 20px;
	line-height: 20px;
	color: inherit;
}

.otc-option-container.collapsed .otc-option-collapse-btn {
	display: block;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.otc-option-container.collapsed .otc-option-collapse-btn > i {
	animation: bounce 1.2s ease-in-out infinite;
}

.otc-option{margin:0 !important;padding:0 !important;list-style:none !important;}

.otc-option a{box-sizing:content-box !important}

.otc-option:after{content:'\20';display:block;height:0;clear:both}

.otc-option li{
	background-color:transparent !important;
	color:#777 !important;
	float:left !important;
	position:relative !important;
	margin:0 4px 4px 0 !important;
	line-height:28px !important;
	font-size:12px !important;
	font-weight:500 !important;
	vertical-align:middle !important;
	padding:1px !important;
	display:inline-block !important;
}

.otc-option.hasimg li {
  line-height: 18px !important;
}

.otc-option li a{background-color:#fff;white-space:normal;width:auto !important; min-width:10px; padding:0 9px !important;border:1px solid #b8b7bd;color:inherit;text-decoration:none}

.otc-option.hasimg li a{
  min-height: 38px;
}

.otc-option-img {
  width: 38px !important;
  height: 38px;
  line-height: 38px;
}

.otc-option-img > span {
  display: block;
  text-indent: -9999em;
}

.otc-option-value.hasimg a {
  padding: 0 !important;
}

.otc-option-value.hasimg .otc-option-txt{padding:0 5px !important;}

.otc-option li.selected a{border:1px solid #be0106;color:#be0106;}

.otc-option li.selected i{position:absolute;bottom:0;right:0;width:16px;height:16px;overflow:hidden;text-indent:-9999em;display:block;background-image:url("../images/box_selected.png");background-repeat:no-repeat;}

.otc-option li.otc-nostock a{border:1px dashed #D6D6D8;color:#CDCDCD;margin:0;cursor:not-allowed}

.otc-option li.otc-nostock .otc-option-img > span{background:url("../images/box_nostock.gif") repeat}