Description
.widbar{ width:940px; display:block; position:relative;margin:0 auto; background:#999; padding:5px}
.topbanner{ background:#0099FF;}
.topbanner .namelogo{ padding:30px 0px 20px 30px; font-size:48px; font-family:”Times New Roman”, Times, serif}
.datuhi{ width:100%; background:#fff; display:block; position:relative; margin-bottom:20px}
/*picture common*/
.pictureslider {width:700px;position: relative;overflow:hidden; padding-top:10px}
.pictureslider > img { transition: all 0.5s; }
.pictureslider label {display:block; float:left; transition: all 0.5s;opacity: 0.6; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff; width:70px; height:70px }
#preview_id1:checked ~ #preview_img_1,
#preview_id2:checked ~ #preview_img_2,
#preview_id3:checked ~ #preview_img_3,
#preview_id4:checked ~ #preview_img_4,
#preview_id5:checked ~ #preview_img_5,
#preview_id6:checked ~ #preview_img_6,
#preview_id7:checked ~ #preview_img_7,
#preview_id8:checked ~ #preview_img_8,
#preview_id9:checked ~ #preview_img_9,
#preview_id10:checked ~ #preview_img_10,
#preview_id11:checked ~ #preview_img_11,
#preview_id12:checked ~ #preview_img_12 {display: block;border:1px solid #999}
.pictureslider .picturesmall label{border:1px solid #ccc;}
.pictureslider #preview_id1:checked ~ .picturesmall #small_label1,
.pictureslider #preview_id2:checked ~ .picturesmall #small_label2,
.pictureslider #preview_id3:checked ~ .picturesmall #small_label3,
.pictureslider #preview_id4:checked ~ .picturesmall #small_label4,
.pictureslider #preview_id5:checked ~ .picturesmall #small_label5,
.pictureslider #preview_id6:checked ~ .picturesmall #small_label6,
.pictureslider #preview_id7:checked ~ .picturesmall #small_label7,
.pictureslider #preview_id8:checked ~ .picturesmall #small_label8,
.pictureslider #preview_id9:checked ~ .picturesmall #small_label9,
.pictureslider #preview_id10:checked ~ .picturesmall #small_label10,
.pictureslider #preview_id11:checked ~ .picturesmall #small_label11,
.pictureslider #preview_id12:checked ~ .picturesmall #small_label12 {opacity: 1;border:1px solid #000;border-radius:2px; background:#fff;}
.big_preview_img{display: none;}
.pictureslider input {display: none}
.pictureslider label img { display: block;width:100%;float:left; vertical-align:middle; }
.pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
.pictureslider input:checked + label { border-color:#666; opacity: 1;border:1px solid #AA1F22;border-radius:2px; background:#fff;}
.pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
.pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }
.neibox{ width:100%; background:#fff; margin:0 auto; position:relative; font-family:”Times New Roman”, Times, serif;}
.desctail{ width:96%; display:block; margin:0 auto; position:relative; font-family:”Times New Roman”, Times, serif; padding-top:15px; padding-bottom:35px;}
.desctail img{ max-width:100%; height:auto}
.desctail p{ margin:0; padding:0}
.desctail ul,.desctail ol{ margin:0; padding:0; margin-left:20px}
.potitbg{ height:40px; border:2px solid #2C2C2C; line-height:40px; background:#FFF; font-size:20px;font-family:”Times New Roman”, Times, serif; margin-top:2px; margin-bottom:2px}
.potitbg strong{ color:#000; margin-left:20px}
.pictureslider:after,.widbar:after,.datuhi:after,.neibox:after,.desctail:after{ clear:both; height:0; overflow: hidden; display:block; visibility:hidden; content:”.”}
@media (min-width:980px)
{
#policybox section {display:none;}
.politit{ display:none}
.pictureslider {width:750px;position: relative;margin: 0 auto; margin-bottom:20px}
.pictureslider > img { transition: all 0.5s;width:500px; float:left;}
.picturesmall{ width:100%; float:right; width:200px; }
.big_preview_img{display:none}
.pictureslider input {display: none;}
.pictureslider label {display:block; width:90px; margin-right:5px;height:90px;float:left; transition: all 0.5s;opacity: 0.6; margin-bottom:5px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}
}
@media screen and (max-width: 980px) {
.widbar{width:98%; display:block; margin:0 auto}
.topbanner{width:100%; display:block; margin:0 auto}
#policybox label{ display:none}
#policybox section {display: block;border-radius:6px; }
.politit{ display:block; width:100%;}
.pictureslider {width:70%; margin:0 auto}
.pictureslider > img { transition: all 0.5s;width:100%;}
.picturesmall{ width:100%; float:right; margin-top:10px;}
.big_preview_img{ display:none}
.pictureslider input {display: none;}
.pictureslider label {display:block; width:70px; height:70px; margin-right:1%; float:left; transition: all 0.5s;opacity: 0.6; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}
}
@media screen and (max-width: 770px) {
.pictureslider {width:70%; margin:0 auto}
.pictureslider label {display:block; width:50px; height:50px; }
}
@media screen and (max-width: 480px) {
.pictureslider {width:90%; margin:0 auto;}
.pictureslider label {display:block; width:45px; height:45px; }
}
.dc_tracker_img{display:none;}.dc_tracker_img:last-of-type{display:block;}p:empty+hr{display:none;}hr+span.ebay,hr+*>span.ebay{display:none;}
Reviews
There are no reviews yet.