.contents {padding: 40px 0px 0px; float: left; width: 100%;}
.productbox {float: left; width: 100%;}
.productbox .prod-gallery {width:540px;float: left; position: relative; padding-top: 402px;}
.productbox .prod-gallery .content {display: none;width: 100%; border:2px solid #eaeaea; height: 402px; text-align: center; position: absolute; top: 0px; right: 0px;}
.productbox .prod-gallery .content img, .productbox .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%);}
.productbox .prod-gallery input {display: none;}
.productbox .prod-gallery label {float: left; cursor: pointer; border:2px solid #eaeaea; margin:10px 10px 0px 0px; width:100px; height: 82px; text-align: center;}
.productbox .prod-gallery label.last {margin-right: 0;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4,
#prod5:checked ~ #content5{
  display: block;
}
.productbox .prodsce { float: right; width: 440px;}
.productbox .prodsce h2 {color: #292929; font-size: 26px; font-weight: 700; line-height: 31px;}
.productbox .prodsce p {float: left; width: 100%; color: #4c4c4c; margin-top: 20px;}
.productbox .prodsce ul {float: left; width: 100%;padding:15px 0px 0px 20px;}
.productbox .prodsce ul li {color: #292929; padding-left: 20px; background-image: url(../images/point1.png); background-position: 0px 6px; background-repeat: no-repeat; float: left; width: 100%; margin:3px 0px;}
.contents .proddetails {float: right; width:100%; margin-top: 30px;}
.contents .proddetails h2 {float: left; width: 100%; padding-bottom: 10px; font-size: 20px; border-bottom: 2px solid #01b0e9; color: #292929; font-weight: 700; }
.contents .proddetails ul {float: left; width: 100%; margin-top: 10px;}
.contents .proddetails ul li {float: left; width: 100%; color: #4c4c4c; margin-top: 8px;}
.contents .proddetails ul li span {width: 180px; float: left;}
.contents .proddetails ul li p{width: 820px; float: left; line-height: 20px;}
.tabs {margin: 30px 0px 0px; float: left; width: 100%;}
.tabs input {display: none;}
.tabs label {float: left; font-weight: 700; font-size: 18px; background-color: #808080; color: #ffffff; padding:10px 18px; text-transform: uppercase; cursor: pointer; position: relative; margin-right: 1px;}
.tabs label:hover, .tabs input:checked + label {background-color: #01b0e9;}
.tabs .content {display: none; float: left; width: 100%; border-top: 2px solid #01b0e9;}
.inner {float: left; width: 100%; border: 1px solid #eaeaea; padding: 20px;}
.tabs .content p {line-height:20px; color: #4c4c4c;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
	display: block;
}

.textimgs {float: left; width: 100%;}
.textimgs img {width: 100%;}
