.contents {padding: 40px 0px 0px; float: left; width: 100%;}
.productbox {float: left; width: 100%;}
.productbox .prod-gallery {width:439px;float: left; position: relative; padding-top: 438px;}
.productbox .prod-gallery .content {display: none;width: 100%; height: 438px; border:1px solid #e1e1e1; 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; margin:10px 10px 0px 0px; width:102px; border:1px solid #e1e1e1; height: 102px; text-align: center;}
.productbox .prod-gallery label.last {margin-right: 0;}
.productbox .prod-gallery label:hover, .productbox .prod-gallery input:checked + label {border:1px solid #5e9e54;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4{
  display: block;
}
.productbox .prodsce { float: right; width: 500px;}
.productbox .prodsce h2 {color: #000000; font-size: 32px; font-weight: 700; line-height: 30px; margin-top: -3px;}
.productbox .prodsce ul {float: left; width: 100%; margin-top:20px;}
.productbox .prodsce ul li {color: #000000; float: left; width: 100%; margin: 5px 0px; font-weight:600; font-size: 15px; padding-left: 25px; background-repeat: no-repeat; background-position: 0px center; background-image: url(../images/ponit1.jpg);}
.productbox .prodsce p {float: left; width: 100%; margin-top: 20px; color: #000000; line-height: 21px;}

.tabs {margin: 35px 0px 0px; float: left; width: 100%;background-color: #505050;}
.tabs input {display: none;}
.tabs label {float: left; font-size: 15px; color: #ffffff; padding:10px 25px; text-transform: uppercase; cursor: pointer; position: relative; margin-right: 1px;}
.tabs label:hover, .tabs input:checked + label {color: #505050; background-color: #e5e86c;}
.tabs .content {display: none; float: left; width: 100%; background-color: #ffffff; padding: 20px 0px 0px;}
.tabs .content p {line-height:20px; color: #000000; margin: 0px 0px 20px; float: left; width: 100%;}
.tabs .content p:last-child {margin-bottom: 0;}
/*.tabs .content p span { color: #5e9e54; font-weight: 700; }
.tabs .content p strong { color: #ff0000; font-weight: 700; }*/
.tabs .content ul {float: left; width: 100%; margin: 10px 0px;}
.tabs .content ul li {float: left; width: 100%; background-repeat: no-repeat; background-position: 0px center; background-image: url(../images/point.png); padding-left: 25px; margin-bottom: 8px; font-weight: 600;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
	display: block;
}
