/* 本例子css */
.espcms_slide{ width:100%;  position:relative;  height:420px; background:#000;  }
.espcms_slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.espcms_slide .bd ul{ width:100% !important;  }
.espcms_slide .bd li{ width:100% !important;  height:420px; overflow:hidden; text-align:center;  }
.espcms_slide .bd li a{ display:block; height:420px; }

.espcms_slide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.espcms_slide .hd ul{ text-align:center; }
.espcms_slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:5px; margin:1px; overflow:hidden; background:#000;
			 filter:alpha(opacity=50);opacity:0.5;  line-height:999px;
}
.espcms_slide .hd ul .on{ background:#9d1a16;  }


.espcms_piclist_table .espcms_piclist_table_title .next,
.espcms_piclist_table .espcms_piclist_table_title .prev{ float:right; display:block; width:18px; height:18px; background: url(../images/left_right.gif) no-repeat -6px -7px;
							 overflow:hidden; margin-right:6px; cursor:pointer; }
.espcms_piclist_table .espcms_piclist_table_title .next{ background-position:-34px -7px; }
.espcms_piclist_table .espcms_piclist_table_title .prevStop{ background-position:-6px -40px; cursor:default; }
.espcms_piclist_table .espcms_piclist_table_title .nextStop{ background-position:-34px -40px; cursor:default; }
.espcms_piclist_table .espcms_piclist_table_title ul{ float:right; margin:6px 6px 0 0; zoom:1; }
.espcms_piclist_table .espcms_piclist_table_title ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline;
							 background: url(../images/switch_dot_small.jpg) no-repeat 0 0; }
.espcms_piclist_table .espcms_piclist_table_title ul li.on{ background-position:-12px 0; }




/* 产品主页滑动页面 */
.espcms_pic_index ul{list-style:none; }
.espcms_pic_index .hd{ overflow:hidden; background-color: #e6e6e6; border-left:1px solid #ddd;}
.espcms_pic_index .hd li{ position:relative; margin-left:-1px; height:37px; line-height:37px; text-align:center; width:260px; float:left; border:1px solid #ddd; border-top:0;cursor:pointer;font-size:14px;}
.espcms_pic_index .hd li.on{ width:260px;background:#fff;border-bottom:1px solid #fff;color:#000;}
.espcms_pic_index .bd{ height:230px; border:1px solid #ddd; border-top:0;  }
.espcms_pic_index .lh{ overflow:hidden;}
.espcms_pic_index .lh li{ width:24.555px; padding:0 5px; float:left;overflow: hidden;}
.espcms_pic_index .lh li .p-img{ padding:30px 5px 0 5px; margin:0 auto; text-align:center;position:relative;}

.espcms_pic_index .lh li .p-img img {width:100%; border:1px solid #ccc;border-radius: 2px;position:relative;}
/*.espcms_pic_index .lh li .p-img img:hover{opacity:0.5;filter:alpha(opacity=80);}*/
.espcms_pic_index .lh li .p-img .mask{position:absolute;top: 0; bottom: 0;left: 292px;right: 0;text-align: center;-webkit-backface-visibility: hidden;/* 隐藏旋转元素的背面*/ backface-visibility: hidden;
    background: rgba(0, 0, 0, 0.6);   /*后面这个0.6是指的背景的透明度*/ opacity: 0; -webkit-transition: all 0.35s ease-in-out;   /*规定提示信息怎样出现ease-in-out以慢速度开始和结束*/ -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;margin-left: -128%;margin-top:13%; width: 225px;height: 182px;color:#ffffff;}
.espcms_pic_index .lh li .p-img a:hover .mask { opacity: 1;    /*有opacity有0变成1*/            }

.espcms_pic_index .lh li .p-name{ height:35px; line-height:35px; padding-left:5px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; }
.espcms_pic_index .lh li .p-price{ color:#999;text-align: center; }
.espcms_pic_index .lh li .p-price strong{ color:#c00; font-size:14px; font-family: verdana; }
.espcms_pic_index .lh li .p-botton{height:35px; line-height:35px;text-align: center; padding-top:5px;}
/*产品内链接*/
.child_nav{border:1px solid #aaaea5;width:1200px; margin:0 auto;margin-top:2%;}
.child_nav ul li{float:left;list-style:none;padding-left:6%; line-height:40px; }
/*产品相册代码*/
.jcarousel-skin-tango{padding-left:0px;color: #000;}
.jcarousel-skin-tango img{width:90px;height:80px; cursor: pointer;padding:5px 5px 15px 5px;}
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;border: 0px solid #346F97;}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {padding: 0px 25px 0px 25px;}
.jcarousel-skin-tango .jcarousel-container-vertical {padding: 0px;overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width: 90px;}
.jcarousel-skin-tango .jcarousel-item {width: 100px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 0px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;}
.jcarousel-skin-tango {overflow: hidden;}

.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 0px;right: 0px;width: 16px;height: 90px;cursor: pointer;background: transparent url(../images/phone_pagebotton.jpg) no-repeat -32px 0px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 0px;right: auto;background-image: url(../images/phone_pagebotton.jpg);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -48px 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -48px 0px;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -48px 0px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 0px;left: 0px;width: 16px;height: 90px;cursor: pointer;background: transparent url(../images/phone_pagebotton.jpg) no-repeat 0 0px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 0px;background-image: url(../images/phone_pagebotton.jpg);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -16px 0px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -16px 0px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -16px 0px;}


