.sh-item-url {
  text-transform: none;
  text-align: left;
  font-size: 12px;
}

.brief_name {
  text-align: left;
  position: relative;
}

.sh-item-block .sh-button-wrap {
  position: absolute;
  left: 50%;
  margin-left: -45px;
  top: 160px;
  height:28px;
  overflow:hidden;
}

.sh-item-block .sh-button {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: none;
    margin:0;
    color:#fff !important;
    cursor: pointer;
    line-height:28px;
    width: 90px;
    height: 28px;
    padding-left:5px;
    padding-right:29px;
    padding-top: 0px;
    border-radius: 15px;
    text-transform: capitalize;
    font-size: 15px !important;
    background: #D92631;
    //   background: -moz-linear-gradient(top,  #c92855 0%, #a61834 100%);
    //   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c92855), color-stop(100%,#a61834));
    //   background: -webkit-linear-gradient(top,  #c92855 0%,#a61834 100%);
    //   background: -o-linear-gradient(top,  #c92855 0%,#a61834 100%);
    //   background: -ms-linear-gradient(top,  #c92855 0%,#a61834 100%);
    //   background: linear-gradient(to bottom,  #c92855 0%,#a61834 100%);
    //   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92855', endColorstr='#a61834',GradientType=0 );
  opacity: 0.75
  }
  .sh-item-block .sh-button:hover {opacity: 1;}
  .sh-button:before{
  content:'';
  height:100%;
  width:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAMAAAC3taQAAAAABGdBTUEAALGPC/xhBQAAAblQTFRFaMLpjNDu7e/wntXuNazhD53c4uzwF6DdJ6fg6fb83OnuD53cntTs3OzzD53c/P7/3Ovy////kdLvYL7o5+/x5e7x////////zeLs+/3+////2+/22+z07vL09/z+D53c8vb4hc3tbsTqkdLvp9vytuDx5Ozu0ebwyOPv7/Hy3erw5u/ymdXwmdXw4O/04eruHKLe////6+/xsN/zwOX2ptrvptbsqtvxxuDrw+b2xubzq93z3evyh87uz+v4ptry////web2D53c////tuH0x+j3ueP10Ov22vD6zuLs4+zv2+rxzOTujNDurtfp////6Pb8zev4ktLvyOLthc3tOa7iD53cD53c4+3x6/f8r9rs1eny0ubvWrvla7/kfsrse8nsptfsD53c2/D6uOL1xN/r////D53czuPt2+rvgcztvd7s8fn8Oq/iD53cD53cD53cD53cD53c////xuHt9/f35OzwD53cD53c3vL6////////5+7y9Pr93+vx2OXqut7u////D53cD53c////////////////2+nv+/3+D53cAAAA4uns////+Pn57fHy7PDx5+/z8vPz6sMpEgAAAIx0Uk5TizLkrGxb2G90TuNjs8JzWcdiO4nU1G1l4IqerL3Ib1+4ZJ2ZnqzozsjU185AnrnplYPdVaCovqXde6xQzQyajHMjK0qDEZenDefizNFx0QRAjEDQlWEpNtGSwMHSpbiNkrtRjHveTBXg1JLJonVSJicfKizSvt0MRW1EJdCD0PvDYF6KKE4VZtiHRwAMal4sAAAAxUlEQVQI12PoBoHmJjDVzQAmJ5RUIPGiIxKLEDw7S6+4AhAvPSm8q0tF2bQ3IR/IC/JzMVOVkVAw9owv7GYI6DFXk2IWYVQy8o4tZ3C1UJfjZuMUZlI06c9lsNWX5hAQZBEV4jEMzmDwsNKVFePj5WfQdIopZfB3t9GR5xJn13YMyQHaF+hmrSfJquUcmlkN5KVE+dobaDiEZdeC3FJZlhzZ59OdVdMG4rU0VhWnpebVtcLd2V3f0I5wdffEDiQfdU/qBFMAroRZKGY28XcAAAAASUVORK5CYII=") no-repeat scroll 85% 5px rgba(0, 0, 0, 0);
}

.brief_name{
  max-height:50px; 
  overflow:hidden;
  line-height: 100%;
}

.brief_name{
  padding:10px 0 0 0;
}

.sh-sku-wrap , .sh-brand-wrap{
  border-radius:2px;
//  font-size:11px;
  padding:3px;
 // margin:1px;
  display:inline-block;
  
}

.sh-box{
  display:block;
  clear:both;
  font-size:12px;
  margin-bottom:0;
  text-align:left;
}

.sh-sku-wrap {
  padding: 0;
}

.sh-brend-item {
  color:#3A90C5;
}

.sh-sku-wrap.sh-brend-item {
  margin-left: 5px;
}
.sh-images {
  background: rgba(194, 225, 242, 1);
  
  width:101%;
  position: absolute;
  top:100%;
  z-index: 9999;
  overflow:hidden;
  left:-1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius:0  0 12px 12px;
  display:none;
  border:1px solid #C2E3F5;
  padding: 0 15px 15px 15px;
  border-top:none;
}


.sh-image {
  border: 1px solid rgba(149, 214, 255, 0);
  border-radius: 5px 5px 5px 5px;
  display: inline-block;
  height: 70px;
  margin: 1px;
  float:left;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 60px;
  left:0;
  
}

.sh-image:hover, .sh-image.first{
  border-color:#5ABCF1;
}

.sh-option-title {
  background: none repeat scroll 0 0 #62C9F9;
  display: block;
  font-family:"Arial";
  font-size:13px;
  color:#fff;
  padding: 4px 5px;
  position: relative;
  text-align: left;
  border-bottom: 1px dashed #fff;
}

.sh-sizes {
  background:#FEFEFE;
  overflow: hidden;
  position: absolute;
  visibility:hidden;
  opacity:0;
  top: 16px;
  width: 139px;
  left:0;
  z-index:9999;
  border: 1px solid #95D6FF;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow:  0 0 3px #81B4B3;
  -moz-box-shadow: 0 0 3px #81B4B3;
  box-shadow: 0 0 3px #81B4B3;
  -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
  
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

.block_brief:hover .sh-sizes{
  left: -123px;
  visibility:visible;
  opacity:1;
}

.sh-size {
  display: block;
  padding: 4px;
  font-family:"Arial";
  font-size:13px;
  color:#000 !important;
  text-align:left;
  text-decoration: none;
}

.sh-size:hover{
  background:#62C9F9;
  color:#fff !important;
}


.block_brief{
  border: 1px solid rgba(149, 214, 255, 0);
  border-bottom:none;
}

.block_brief:hover{
  border-color: #C2E3F5;
  background:rgba(194, 225, 242, 1);
  border-radius:12px 12px 0 0 ;
}

.sh-images.active{
  display:block;
  border-color: #C2E3F5;
}