#main {overflow: hidden;}
.contentsbox {padding-top: 40px; float: left; width: 100%; font-family: 'Open Sans', sans-serif;}
.contentsbox .l-part {width: 225px; float: left;}
.contentsbox .r-part {width: 757px; float: right;}
.contentsbox .l-part .lbox {float: left; width: 100%; margin-bottom: 30px; text-align: center;}
.contentsbox .prod-gallery {width:470px; float: left; position: relative; padding-top: 433px;}
.contentsbox .prod-gallery .content {display: none; float: left; width: 100%; border:1px solid #e7e7e7; height: 432px; text-align: center; position: absolute; top: 0px; left: 0px;}
.contentsbox .prod-gallery .content img, .contentsbox .prod-gallery label img {max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.contentsbox .prod-gallery input {display: none;}
.contentsbox .prod-gallery label {float: left; margin:10px 10px 0px 0px; border:1px solid #e7e7e7; width:110px; height: 117px; text-align: center;}
.contentsbox .prod-gallery label.last{margin-right: 0px!important;}
.contentsbox .prod-gallery label:hover {color: #888; cursor: pointer;}
.contentsbox .prod-gallery input:checked + label {color: #555;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4 {
  display: block;
}
.contentsbox .proddetails {float: right; width:270px; padding-right: 5px;}
.contentsbox .proddetails h1 {font-size: 23px; font-weight: 600; color: #35383a; line-height: 30px; float: left; padding-bottom: 15px; }
.contentsbox .proddetails span {font-weight: 700; font-size: 23px;margin-top: 20px; float: left; width: 100%; color: #29bfc7;}
.contentsbox .proddetails p {line-height: 22px; font-size: 18px; color: #35383a; float: left;}
.contentsbox .tabs {margin: 30px 0px 0px; float: left; width: 100%;}
.contentsbox .tabs input {display: none;}
.contentsbox .tabs label {float: left;  text-align: center; background-color: #d2d1d3; font-size: 20px; color: #231f20; border:1px solid #d2d1d3; padding:10px 30px ; margin-right: 3px; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.contentsbox .tabs label:hover {background-color: #ffffff; cursor: pointer; border:1px solid #d2d1d3;  border-bottom: 1px solid #ffffff; position: relative; z-index: 11;}
.contentsbox .tabs .content {display: none; float: left; width: 100%; margin-top: -1px; border: 1px solid #d2d1d3; padding: 20px 15px 20px 15px;}
.contentsbox .tabs .content p {line-height: 20px; color: #000000; font-size: 14px; float: left; margin: 10px 0px; width: 100%;}
.contentsbox .tabs .content h3 {font-weight: 700; color: #29bfc7; font-size: 16px; float: left; margin: 10px 0px; width: 100%;}
.contentsbox .tabs .content .list {float: left; width: 100%; padding:0px 0px 10px 20px;}
.contentsbox .tabs .content li {float: left; width: 100%; margin-bottom: 1px; margin-left: 15px; background: url(../images/ponit.png) no-repeat 0px 7px; font-size: 13px; color: #000000; padding-left: 13px;}
.contentsbox .tabs .content .list2 .list1 li {list-style-type: circle; background: none; padding-left: 0px;}
.contentsbox .tabs .content .list2 li {list-style: disc; background: none; padding-left: 0px; margin-left: 0;}
.contentsbox .tabs input:checked + label {background-color: #ffffff; cursor: pointer; border:1px solid #d2d1d3;  border-bottom: 1px solid #ffffff; position: relative; z-index: 11;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3, #tab4:checked ~ #content4 {
	display: block;
}