@charset "utf-8";
/* CSS Document */

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;	
}
html { -webkit-text-size-adjust: none;}  /*通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整*/
body{ font-size:100%;}
img{max-width:100%}



/*首頁中間樣式*/

/* grid3 col */
.grid3 .home-mid{height:auto;overflow:hidden;padding-top:3%;}
.home-mid a:hover{
	filter:alpha(opacity=90); /*IE滤镜，透明度50%*/
    -moz-opacity:0.9; /*Firefox私有，透明度50%*/
    opacity:0.9;/*其他，透明度50%*/}
.home-mid a{ width:100%; display:block; position:relative; margin-bottom:10%;}
.home-mid a img{ display:block; width:100%;}
.home-mid a.a1{ margin-bottom:0;}

.op{ display:block; width:100%; height:70px; background-color:#000;
position:absolute; bottom:20px; z-index:99; color:#fff; line-height:70px; text-align:center; font-size:1em;
filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/}


.op2{ display:block; width:100%; height:90px; background-color:#000;
position:absolute;top:100px; z-index:99; color:#fff; padding-top:40px;  text-align:center; font-size:24px;
filter:alpha(opacity=30); /*IE滤镜，透明度50%*/
-moz-opacity:0.3; /*Firefox私有，透明度50%*/
opacity:0.3;/*其他，透明度50%*/}


.bottom-banner{ width:100%; height:auto; overflow:hidden; display:block;}
.bottom-banner img{ display:block; width:100%;}
.bottom-banner:hover{filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.8; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/}

.ecart_a1 img {display:block;float:left;}
.ecart_a1 span {display:block;font-size:1.125em;font-weight:bold;line-height:93px;margin-left:25px;}

.ecart_h3 {font-size:1.125em;font-weight:bold;text-align:center;line-height:24px;}
.ecart-span{display:block; height:auto; overflow:hidden;margin-top:10px;text-align:center;}
.ecart-span a { padding:5px 2px; }

.ecart_h4 {font-size:14px;font-weight:bold;text-align:center;}

/*listing页面样式*/
.detail_cat {margin-bottom:10px;border-bottom:1px dotted #000; width:100%; margin-top:15px; line-height:24px;	}
.detail_cat a {padding:5px;color:#848484; font-size:.75em;}
.video_h3 {font-size:1.5em;font-weight:bold;line-height:30px;margin-bottom:15px;}

.list-a {display: block;padding:5px;height:auto; overflow:hidden;position: relative;border:2px solid #fff; min-height:280px;}
.list-a:hover {border:2px solid #999;}
.list-a span {  display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.list-a span.span1{ width:100%; }
.list-a span.span1 img{ width:100%;}
.font1 {font-size:.875em;font-weight:bold; color:#000; line-height:1.5em;}
.font2 {font-size:.75em;font-weight:bold;color:#d80123;}
.new_hot {position: absolute;z-index: 9; right:3px; bottom:65px; width:40px; height:40px;}
.new_hot img{ width:100%;}
.line { border:none;border-top:1px dotted #999;width:100%;margin-top:5px;margin-bottom:5px}

/*CSS manu style pagination*/

.manu {font-family:Arial, Helvetica, sans-serif;font-size:16px;padding:3px;margin:20px 3px;text-align: center;font-weight:bold;}
.manu a {border: #f1f1f1 1px solid;padding: 5px 10px;margin:5px;color: #616161;text-decoration: none}
.manu a:hover {border: #f1f1f1 1px solid;color: #616161;background-color: #f1f1f1;}
.manu a:active {border: #f1f1f1 1px solid;color: #616161;}
.manu .current {border: #f1f1f1 1px solid;padding: 5px 10px;font-weight: bold;margin: 5px;color: #616161;background-color: #f1f1f1;}
.manu .disabled {border: #f1f1f1 1px solid;padding: 5px 10px;margin: 2px;color: #ddd;}


/*detail页面样式*/

.detail_show {width:100%; height:auto;overflow:hidden;	position:relative; padding-bottom:15px;}
/*detail slide*/

#slider3-pager a {display: inline-block;}
#slider3-pager img {float: left;}
#slider3-pager .rslides_here a {background: transparent;box-shadow: 0 0 0 1px #666;}
.rslides { overflow:hidden;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%;left: 0; top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;float: left;border: 0;}

.detail_ul_2 {position:absolute;left:2px;bottom:2px;z-index:999;}
.detail_ul_2 li {display:block;float:left; margin-bottom:5px;}
.detail_ul_2 li a {	margin-right:2px;padding:3px;border:1px solid #fff;}
.detail_ul_2 li a:hover {padding:3px;/*border:1px solid #666;*/}
.detail_ul_2 ul li a img {border:1px solid #ccc;}

.detail_show2 {position:absolute;right:0;bottom:0;z-index:999;width:300px;min-height:130px;overflow:hidden;background-color:#ddd;padding:15px;filter:alpha(opacity=90);  /*支持 IE 浏览器*/-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/}

.detail_show2 span {display:block;color:#000;}
.detail_span1 {font-size:14px;font-weight:bold;line-height:15px;padding-left:10px;}
.detail_span11 {font-size:12px;line-height:16px;padding-left:10px;}
.detail_span2 {font-size:24px;font-weight:bold;margin-bottom:20px;}
.detail_input1 {width:125px;height:30px; line-height:30px;background:#aeaeae;color:#fff;text-align:center;border:none;cursor:pointer;}
.detail_input2 {width:125px;height:30px;line-height:30px;background:#595959;color:#fff;text-align:center;border:none;cursor:pointer;}
.detail_video {margin-top:3%; height:auto; overflow:hidden;}
.detail_video_left {width:60%;height:auto; overflow:hidden; float:left;}
.video_h3 {font-size:24px;font-weight:bold;line-height:30px;margin-bottom:10px;}
.video_p {font-size:14px;line-height:18px;color:#848484;}
.detail_video_right {width:35%; float:right;height:auto; overflow:hidden;}
.detail_video_right img{ width:100%;}
.pro_detail {margin-top:15px;border-bottom:1px dotted #ccc;}
.pro_detail_table {font-size:14px;color: #727272;text-align: left; width:48%;}
.pro_detail_table1{ float:left;}
.pro_detail_table2{ float:right;}
.pro_detail_table td {min-height:20px;line-height:20px;}
.pro_detail_table td:first-child{ width:25%;}
.pro_detail_table td:nth-last-child(1){ width:75%; color:#000;}
.pro_detail_h4 {font-size:14px;font-weight:bold;line-height:30px;border-bottom:1px dotted #ccc;color:#000;margin-bottom:10px;}
.pro_detail_h4 a, .pro_detail_h4 a:hover {text-decoration:underline;}


.select_dl{ width:100%; height:auto; overflow:hidden; margin:12px 0 0 15px;}
.select_dl dt{ width:60px; font-size:14px; line-height:20px;}
.select_dl dd{ width:200px; margin-left: 5px;}
.price3{ line-height:24px;}
.select_dl dd > a{float:left;background:#fff;font-size:12px;border:1px solid #ccc;height:14px;line-height:14px; padding:4px 10px; display:block; color:#000; margin-bottom:5px; margin-right:5px;}
.select_dl dd > a.my_border_match{background:#fff url(../images/right-icon.gif) no-repeat 100% 100%;border:1px solid #A10000;  }
span.add_button {display: block;float: left;width: 101px;padding: 0;margin-right: 5px;margin-left: 15px;margin-top: 3px;}
span.add_button > .detail_button2 {margin: 0;padding: 0;display: block;width: 101px;height: 31px;border: none;color: #fff;text-align:center;font-size: 14px;line-height: 30px;background-color:#aeaeae;}
.numeric-stepper {width:58px;height:34px;display:block;position:relative;overflow:hidden;float:left;	}
.numeric-stepper > input {width:31px;height:31px;line-height:30px;padding:0;margin:0;text-align:center;vertical-align:center;font-size:100%;border:1px solid #ccc;background:none;border-radius:0;position:absolute;left:2px;background-color:#fff;}

.numeric-stepper a.plus {width:20px;height:15px;padding:0;margin:0;position:absolute;background:none;border:none;position:absolute;display:block;right:0;top:1px;*top:0px;*margin-top:0px;}
.numeric-stepper a.minus {padding:0;margin:0;width:20px;height:15px;position:absolute;display:block;right:0;top:18px;}
.numeric-stepper a > img{ *vertical-align:top;}


@media only screen and (max-width:768px){

.detail_ul_2 {position: static; height:50px; margin-top:15px; padding-left:1px;}

.detail_show2 {position: static;right:0;bottom:0;z-index:999;width:100%;min-height:130px;overflow:hidden;background-color:#ddd;padding:15px;filter:alpha(opacity=90);  /*支持 IE 浏览器*/-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/}

.pro_detail_table { width:100%;}
.pro_detail_table1{ float:none;}
.pro_detail_table2{ float:none;}
	  
}

@media only screen and (max-width:640px){
	
/*首頁中間內容的樣式*/
.ecart_h3 {font-size:.875em;line-height:24px;}


/*detail页面样式*/
.detail_video_left {width:100%;float:none; margin-bottom:15px;}

.detail_video_right {width:100%; float:none;height:auto; overflow:hidden;}

}

@media only screen and (max-width:568px){
	
	/*list页面样式*/
		/* grid4 */
	.grid4 .list_pro {width: 48.4% !important;}

}

@media screen and (max-width:480px){
	
	
	/* grid4 */
	.grid4 .col {width: 100% !important;margin-left: 0 !important;clear: none !important;}

   .manu a {margin:5px 1px;}

	
	 }
@media screen and (max-width:321px){
	 
	 }