
/*product/details.shtml*/

.prodinfod{ clear:both; overflow:hidden; zoom:1; }
.prodpicd{ float:left; width:430px; }
.prodpicd .hd{ width:420px; }
.prodpicd .hd ul{ width:450px; overflow:hidden; zoom:1; padding:0px; margin:0px; }
.prodpicd .hd ul li{ float:left; width:100px; height:87px; margin-right:8px; margin-bottom:10px; border:1px #eee solid; cursor:pointer; position:relative; }
.prodpicd .hd ul li img{ width:100px; height:88px; }
.prodpicd .hd ul li.on{ border:1px #e60012 solid;}

.prodpicd .bd{ height:340px; z-index:0; }
.prodpicd .bd li{ zoom:1; vertical-align:middle; }
.prodpicd .bd li img{ width:420px; height:370px; display:block; }


@media (max-width: 768px) {	
.prodinfod{ clear:both; overflow:hidden; zoom:1;  }

.prodpicd{ clear:both; width:100%; max-width:430px; margin:0 auto; overflow:hidden;float:none }

.prodpicd .hd{ width:420px; margin:0 auto;}
.prodpicd .hd ul{ width:450px; overflow:hidden; zoom:1; padding:0px; margin:0px; }
.prodpicd .hd ul li{ float:left; width:100px; height:87px; margin-right:8px; margin-bottom:10px; border:1px #eee solid; cursor:pointer; position:relative; }
.prodpicd .hd ul li img{ width:100px; height:88px; }
.prodpicd .hd ul li.on{ border:1px #e60012 solid;}

.prodpicd .bd{ position:relative; height:340px; z-index:0; overflow:hidden; }
.prodpicd .bd li{ zoom:1; vertical-align:middle; }
.prodpicd .bd li img{ width:420px; height:370px; display:block; }

}


.prodrinfo{ float:right; width:220px;}
.prodrinfo h3{ font-size:24px; line-height:34px; padding-top:30px;}
.prodrinfo p{ color:#666; padding-top:20px;}

.prodtxtd{ clear:both; padding-top:20px; overflow:hidden; zoom:1;}
.prodtitd{ background-color:#333; padding-left:20px; font-size:20px; color:#fff; line-height:50px;}
.prodtxtd .mpicd{ clear:both; position:relative; line-height:0;}
.prodtxtd .mpicd .mpic{ clear:both; text-align:center;}
.prodtxtd .mpicd .mpic img{ display:inline; line-height:0;}
.prodtxtd .mpicd .mtxtd{ position:absolute; left:0; top:30px; width:690px; margin:0 auto; text-align:center; color:#fff; text-align:center;}
.prodtxtd .mpicd .mtxtd .t{ font-size:30px; color:#fff; line-height:60px;}
.prodtxtd .mpicd .mtxtd .b{ font-size:20px; color:#ccc; line-height:40px;}
.prodtxtd .mpicd .mtxtd.m1 .t{ color:#000;}
.prodtxtd .mpicd .mtxtd.m1 .b{ color:#333;}
