#product_isotope{ width:1200px; padding-top:20px;}
#product_isotope .box_item{ position:relative; float:left; left:0; top:0; margin:0 6px 20px 6px; border:1px solid #d2d8e8; background-color:#fff; background-image:url(../images/bg_boxitem.jpg); background-position:0 100%; background-repeat:repeat-x; -webkit-box-shadow:9px 12px 12px -10px rgba(0,0,0,0.15); -moz-box-shadow:9px 12px 12px -10px rgba(0,0,0,0.15); box-shadow:9px 12px 12px -10px rgba(0,0,0,0.15);}
#product_isotope .box_item:hover{ position:relative; float:left; left:0; top:0; margin:0 6px 20px 6px; border:1px solid #004e90; background-color:#fff; background-image:url(../images/bg_boxitem.jpg); background-position:0 100%; background-repeat:repeat-x; -webkit-box-shadow:9px 12px 12px -10px rgba(0,0,0,0.15); -moz-box-shadow:9px 12px 12px -10px rgba(0,0,0,0.15); box-shadow:9px 12px 12px -10px rgba(0,0,0,0.15);}
#product_isotope .wh1{ width:280px; height:280px; }
#product_isotope .wh2{ width:380px; height:380px; }

#product_isotope .box_item.w2{ width:545px; }
#product_isotope .box_item.h2{ height:549px; }
#product_isotope .box_item .cont1 img{ width:250px; height:180px;}
#product_isotope .box_item .cont2 img{ width:350px; height:280px;}

#product_isotope .box_item .box_item_before h1{ position:absolute; right:20px; top:17px; font-size:18px; line-height:24px; color:#333; z-index:4;}
#product_isotope .box_item .box_item_before h1:after{margin-left:7px; width:22px; height:21px; display:inline-block; *display:inline; *zoom:1; background:url(../images/ico_common_01.png) -18px -80px no-repeat; vertical-align:middle; content:"";}
#product_isotope .box_item .box_item_before h1.type{font-size:18px; line-height:12px; color:#333; z-index:4; text-align:right; }
#product_isotope .box_item .box_item_before h1.type span{ display:block; font-size:16px; color:#333; margin-right:30px;}
#product_isotope .box_item .box_item_before h1.type:after{ margin-top:-16px;}
#product_isotope .box_item .box_item_before{display:block; cursor:pointer;}

#product_isotope .box_item .box_item_after{display:none;}
#product_isotope .box_item_before .cont1{ position:absolute; width:100%; height:100%; display:table; text-align:center; }
#product_isotope .box_item_before .cont1 span.img{display:table-cell;vertical-align:middle; padding-top:15px;}
#product_isotope .box_item_before .cont1 span.img.bottom{vertical-align:bottom;}
#product_isotope .box_item_before .cont2{ position:absolute; width:100%; height:100%; display:table; text-align:center; }
#product_isotope .box_item_before .cont2 span.img{display:table-cell;vertical-align:middle; padding-top:15px;}
#product_isotope .box_item_before .cont2 span.img.bottom{vertical-align:bottom;}

#product_isotope .box_item.on{ width:1200px; min-height:200px; height:auto; border:0; background-image:none; background-repeat:no-repeat;  }

#product_isotope .box_item.on .box_item_before{display:none;}
#product_isotope .box_item.on .box_item_after{ display:block; border:2px solid #004e90; position:relative; min-height:300px;}
#product_isotope .box_item.on .box_item_after .close{ position:absolute; right:0; top:0; cursor:pointer;}

#product_isotope .box_item.on .box_item_after .after_content {padding:32px 44px;}
#product_isotope .box_item.on .box_item_after .after_content .header_cont{ border-bottom:1px solid #aab1c0; }
#product_isotope .box_item.on .box_item_after .after_content .header_cont h1{color:#333; font-size:30px; line-height:42px; position:relative; z-index:0; margin-bottom:10px;}
#product_isotope .box_item.on .box_item_after .after_content .header_cont h1>span.small{font-size:25px;}
#product_isotope .box_item.on .box_item_after .after_content .header_cont .tab{ position:absolute; right:74px; top:52px; }
#product_isotope .box_item.on .box_item_after .after_content .header_cont .tab ul > li{position:relative; float:left; margin-left:25px; padding-left:33px; color:#777; font-weight:400; }
#product_isotope .box_item.on .box_item_after .after_content .header_cont .tab ul > li:after{position:absolute; left:0; top:0; color:#aaa8a8; content:"/"  }
#product_isotope .box_item.on .box_item_after .after_content .header_cont .tab ul > li:first-child:after{display:none;}
#product_isotope .box_item.on .box_item_after .after_content .header_cont .tab ul > li a{height:42px; display:inline-block; *display:inline; *zoom:1; background-position:left bottom; background-repeat:no-repeat;}
#product_isotope .box_item.on .box_item_after .after_content .header_cont .tab ul > li.on a{border-bottom:3px solid #52ad32; background:url(../images/product/bg_tab_arr.gif) center bottom no-repeat; color:#47a326; }

#product_isotope .box_item .box_item_after .after_content{border:1px solid #004e90;}
#product_isotope .box_item_after .after_content .tab_content{ padding:50px 30px 20px; display:none; }
#product_isotope .box_item_after .after_content .tab_content{ text-align:center;}
#product_isotope .box_item_after .after_content .tab_content img{max-width:100%;}

#product_isotope .box_item_after .after_content .tab_content{margin-top:30px; text-align:center; color:#333;}
#product_isotope .box_item_after .after_content .tab_content > *{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:middle; }
#product_isotope .box_item_after .after_content .tab_content p{padding:0 10px;}
#product_isotope .box_item_after .after_content .tab_content p strong{color:#333; font-size:20px; line-height:30px;}

#product_isotope .box_item_after .after_content .tab_content#Information{display:block; padding:0;}

#product_isotope .box_item_after .after_content .tab_content{position:relative;}
#product_isotope .box_item_after .after_content .tab_content .lst_product{width:100%; line-height:20px; font-size:13px; letter-spacing:1px; padding:10px 15px 30px 15px; text-align:justify; text-justify:inter-ideograph;}
#product_isotope .box_item_after .after_content .tab_content .lst_product img{ padding:20px 0; min-width:400px; max-width:800px; max-height:600px;}
#product_isotope .box_item_after .after_content .tab_content .lst_product .pos_l{ float:left; width:40%; font-size:15px; color:#333; line-height:25px; text-align:left; }
#product_isotope .box_item_after .after_content .tab_content .lst_product .pos_r{ float:left; width:60%;}