/**{ margin:0px; border:0px;}*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;}*/
body
{
    font-family: "微软雅黑", "宋体" !important;
    margin: 0;
    padding: 0;
    border: 0;
}
a
{
    text-decoration:none;
}
    a:hover
    {
        text-decoration:none;
    }

    .wrap
{
    width:1024px;
    margin:0 auto;
   
}

.header
{
    width:1024px;
    /*margin: 0 auto;*/

    text-align:center;
    position: relative;
    *z-index: 1;
}

    .header .logo
    {
        /*height:50px;*/
        /*width: 256px;*/
      margin:30px 0;
        
    }

.top-nav .navlist-wrap
{
    width:1024px;
    margin: 0 auto;
    position: relative;
  	height:60px;
}

.top-nav .navlist
{
    position: absolute;
    right:50%;
    /*top: -40px;*/
    margin-right: -450px;
}
.top-nav .navlist a
    {
        color: #a9abae;
        text-decoration: none;
    }

.top-nav .navlist a:hover
        {
            color: black;
            text-decoration: none;
        }
.top-nav .navlist a.current
        {
            color:#a55f23;
            text-decoration: none;
        }
    .top-nav .navlist .nav-btn
    {
        float: left;
        margin-right: 60px;line-height: 26px;
        color: #666;
        vertical-align: middle;
        text-decoration: none;
    }
.top-nav .navlist .nav-btn:nth-child(1){margin-left: 0;}

.navlist .nav-btn span
{
    /*background: url(../images/broswer_home.png) no-repeat -29px -145px;*/
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: middle;
    *height: 12px;
    *vertical-align: middle;
    *cursor: pointer;
    *letter-spacing: 0;
    *margin-left: 0;
    /**background-position: -26px -145px;*/
}

.top-nav .expand
{
    height: 0px;
    background-color:white;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #25262b;
}

.expand .download
{
    height:130px;
    width: 1000%;
}

    .expand .download .item
    {
        float: left;
        width: 10%;
    }

    .expand .download .item-active
    {
        display: block;
    }

.expand .close-btn
{

    width: 23px;
    height: 23px;
    background: url(../images/close3.png) no-repeat;
    position: absolute;
    right:2px; 
    /*bottom: -2px;*/
    top:5px;
    /*margin-left: -60px;*/
    cursor: pointer;
}

.download .download-list
{
    text-align: center;
    height:130px;
    /*padding: 37px;*/
}
.download-list ul
{
    float:left;
    list-style:none;
    width:33%;
    text-align: center;
    padding: 20px 0;
    margin: 0;
	
    /*padding-top:-20px;*/
}
    .download-list ul span
    {
        font-weight:600;
        font-size:14px;
        color:white;
		
		line-height:30px;
    }
	 .download-list a
    { margin-top:15px;
        font-size:13px;
        color:white;
        text-decoration:none;
        cursor:pointer;
    }
   .download-list a:hover
    {
        font-size:13px;
        color:#fcdfb3;
        text-decoration:none;
        cursor:pointer;
    }
	.download-list a.current
	{   font-size:13px;
		color: #a55f23;
		text-decoration: none;
		cursor:pointer;
	}

    .download .download-list .btn
    {
        display: inline-block;
        text-decoration: none;
        color: #586e91;
        font-size: 18px;
        line-height: 24px;
        margin: 0 28px;
        cursor: pointe}
    .download .download-list .btn
    {
        display: inline-block;
        text-decoration: none;
        color: #586e91;
        font-size: 18px;
        line-height: 24px;
        margin: 0 28px;
        cursor: pointer;
    }

        .download .download-list .btn:hover
        {
            color: #7896af;
        }

.download-list .btn .icon
{
    background-repeat: no-repeat;
    /*background-image: url(../images/broswer_home.png);*/
    height: 56px;
    width: 56px;
    float: left;
}

.download-list .btn .text
{
    float: left;
    padding: 16px 0 16px 16px;
}


.btm
{
    margin: 30px auto;
}

    .btm p
    {
        font: normal 12px/24px 'Microsoft YaHei';
        text-align: center;
    }

.page2
{
    margin: auto;
    padding: 0px;
}

.clear { clear: both; }

/* product data */

.view-content {
	position: relative;
	width: 1024px;
	margin:0 auto;
    height:680px;
    padding-bottom:10px;
   /*overflow: hidden;*/	
}

.view-content .bigImgWrapper {
	z-index: 10;
	width: 511px !important;
	height: 856px;
	text-align: center;
	overflow:hidden;
}
/*.view-content .bigImgWrapper .toolTipLink img {width:512px;}*/

.views-row {
	width: 256px;/*160*/
	float: left;
}

.view-content .views-row {
	height: 384px;/*225*/
}
div.horizontal ,
div.vertical {
	display:block;
	/*float:left;*/
	position:relative;
}
div.view-content img { width:100%; height:100%; }
div.view-content .single-element .overlay-box-shadow {
	width:256px;
	height:384px;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	background:url('../images/gallery_image_overlay_383433_90.png');
	overflow:hidden;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-out;
	-webkit-backface-visibility: hidden;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

     div.view-content .overlay-box-shadow .overlay-plus-icon {
         display: inline-block;
         width: 256px;
         height: 384px;
         top: 0;
         left: 0;
         margin: 0;
         position: absolute;
         z-index: 15;
         background: url('../images/gallery_zoom_plus.png') no-repeat center center;
         zoom: 1;
         -webkit-transition-property: all;
         -moz-transition-property: all;
         -o-transition-property: all;
         transition-property: all;
         -webkit-transition-duration: 0.5s;
         -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
         transition-duration: 0.5s;
     }

div.view-content .single-element:hover .overlay-box-shadow { 
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.view-content .single-element:hover .overlay-box-shadow .overlay-plus-icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#foot
{
    font-size: 12px;
    color: #434449;
    margin: auto;
    width: 1024px;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 10px;
}

a img
{
    border: 0;
}

ul, ol, li
{
    list-style-type: none;
    vertical-align: 0;
}

.topvebanner
{
    margin: 0 auto;
    width: 1024px;
    height: 394px;
    overflow: hidden;
}

    .topvebanner ul
    {
        margin: 0;
        padding: 0;
    }
.tops
{
    
    background:#25262b;
    color: #fcdfb3;
    position: fixed;
    right:5%;
    bottom:5%;
    cursor: pointer;
	z-index:3300;
}


.bigimg {
  cursor: default;
}

.big_close {
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
}

.big_desc {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 10px 0px 0px 15px;
  text-align: left;
  font-size: 12px;
  color: #adadad;/*货号字体颜色*/
}

.big_desc span {
  color: #adadad;/*货号字体颜色*/
  font-size: 12px;
}

.big_page {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.big_page ul li {
  float: left;
  height: 53px;
}

.big_page ul li.big_page_num {
  font-size: 40px;
  line-height: 53px;
  color: #c9cbcf;
}

.big_page ul li.big_page_pro {
  cursor: pointer;
}

.big_page ul li.big_page_next {
  cursor: pointer;
}
.big_proSy{position: absolute;left: 22px;bottom: 32px;}
.big_proSy img{width: 140px!important;}


@media only screen and (max-width: 1024px) {
    .wrap, .header{width: 100%;}
    .top-nav .navlist-wrap{width: 94%;height: 40px;}
    .top-nav .navlist{width: 100%;right: 0;margin-right: 0;position: relative;}
    .top-nav .navlist .nav-btn{margin-right: 0;width: 33%;text-align: center;font-size: 14px;}
    .top-nav .expand{height: 50px!important;}
    .expand .download{height: 50px;}
    .expand .download .item{height: 40px;line-height: 40px;}
    .download .download-list{padding: 0;height: 50px;}
    .download-list ul{padding: 0;height: 50px;line-height: 50px;}
    .m-content{width: 100%;}
    .m-content .views-p{width: 50%;float: left;}
    .m-content .views-p .bigimg img{width: 100%;}
}