.contentsbox {padding-top: 30px; float: left; width: 100%; }
.contentsbox .l-part {width: 222px; float: left;}
.contentsbox .r-part {width: 755px; float: right;}
.contentsbox .l-part .lbox {float: left; width: 100%; margin-bottom: 35px;}
.contentsbox .lbox h2 { background-color: #bad868; padding: 15px 0px 0px 10px; color: #ffffff;float: left; font-size: 20px; font-weight: 900; height: 57px; width: 100%;}
.contentsbox .lbox .cat {float: left; width: 100%;}
.contentsbox .lbox .cat li {background: url("../images/sidebar-bg.png") repeat-x scroll 0 0; float: left; height: auto;  line-height: 36px; width: 100%;}
.contentsbox .lbox .cat li a {  color: #ea6479;font-size: 15px; font-weight: 700;padding-left: 20px; }
.contentsbox .lbox .cat li a:hover {color: #bad868; }
.contentsbox .prod-gallery {width:446px; 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:104px; 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;}
.contentsbox .prod-gallery label.prod5 {margin-right: 0;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4 {
  display: block;
}

.contentsbox .proddetails {float: right; width:290px; 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%;}
.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 {color: #e66eaa; font-weight: 700; 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: #231f20; font-size: 16px; float: left; margin: 10px 0px; width: 100%;}
.contentsbox .tabs #content1.content li {line-height: 22px; list-style: inside none disc; padding-left: 20px;}
.contentsbox .tabs #content1.content > ul {margin: 10px 0;}
.contentsbox .tabs .content h3 {font-weight: 700; color: #231f20; font-size: 16px; float: left; margin: 10px 0px; width: 100%;}
.contentsbox .tabs .content .list {float: left; width: 100%; padding:0px 0px 10px 30px;}
.contentsbox .tabs .content .list li {float: left; width: 100%; margin-bottom: 1px; list-style: disc; font-size: 16px; color: #231f20;}
.contentsbox .tabs .content .list2 .list1 li {list-style-type: square;}
.contentsbox .tabs .content .list2 li {list-style-type: circle;}
.contentsbox .tabs input:checked + label {color: #e66eaa; font-weight: 700; background-color: #ffffff; 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;
}