
.editable_area {
  /* background-color: blanchedalmond; */
  width: 1200px;
  height: auto;
  margin-top: 100px;
  overflow: hidden;
  position: relative;
  font-family: "Futura Bk";
}


#productImageSwitch {
  width: 720px;
  height: 500px;
  /* padding: 10px; */
  display: absolute;
  float: left;
  /* background-color: #F9F9F9; */
}

.productTitle {
  width: 480px;
  height: 300px;
  display: absolute;
  float: left;
  padding-top: 20px;
  padding-left: 0px;
  /* background-color: #F9F9F9; */
  margin-left: -50px;
  z-index: 8;
}

.pdtcode {
  font-size: 20px;
}

.instock {
  color: green;
  font-weight: bolder;
  font-size: 20px;
}

.lowstock {
  color: purple;
  font-weight: bolder;
  font-size: 20px;
}

.nostock {
  color: red;
  font-weight: bolder;
  font-size: 20px;
}

#productOptions {
  width: 480px;
  height: 200px;
  display: absolute;
  float: left;
  /* background-color: #eb1515; */
  padding-top: 90px;
  margin-left: -50px;
  z-index: 8;
}

.productDescription {
  width: 100%;
  height: auto;
  padding: 50px 15px;

  /* background-color: #8fd809; */
}

#bigimg {
  width: 600px;
  height: auto;
  cursor: pointer;
  margin-left: 0px;
  z-index: 9;
 
}
#bigimgContainer {
  width: 700px;
  height: 400px;
  position: relative;
   overflow: hidden;
}

#bigimgContainer:hover {
  cursor: pointer;
}

/* hold to enlarge image, no longer need */
/* #bigimg:active {
  margin: 100px;
  transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transition: smooth;
} */

.smallImg {
  width: 80px;
  height: 54px;
  margin-top: 0;
}

.smallImg:hover {
  cursor: default;
}

ul {
  list-style: none;
  overflow: hidden;
}

#productImageSwitch ul li {
  float: left;
  width: 80px;
  height: auto;
  margin-left: 20px;
  margin-top: 20px;
  border: 2px solid #19191a1f;
  overflow: hidden;
}

ul .active {
  border-color: rgba(0, 0, 0, 0.699);
}

/* option选择菜单 开始 */
#selection {
  width: 400px;
  height: 25px;
  font-size: 16px;
  font-family: Futura Bk;
}
#selection:focus {
  box-shadow: 2px 2px 5px #1c82c7;
}
/* option选择菜单 结束 */

/* 选项卡 description specs install */
#descriptionWrapper {
  display: absolute;
  float: left;
  font-family: "Futura Bk";
  padding-top: 100px;
  /* margin-top: 200px; */
  /* background-color: #F9F9F9 */
}

#descriptionWrapper > input {
  border: none;
  border-radius: 3px;
  padding: 2px 0;
  margin: 0 18px;
  width: 30%;
  height: 40px;
  font-size: 16px;
}

#descriptionWrapper > input:hover {
  cursor: pointer;
}

.active1 {
  background: #1c82c7;
  /* color: #fff; */

}

.active {
  /* background: #1C82C7; */
  background: linear-gradient(45deg, #1c83c7 40%, #1c83c700);
  color: #fff;
}

.div2 {
  /* background-color: brown; */
  width: 1200px;
  min-height: 400px;
  display: none;
}
.spec_text {
  line-height: 48px;
  vertical-align: middle;
}

.spec_text:hover {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.7);
}
