.pc-slide {
 width: 400px;
 float: left;
}

.view {
 border: 1px solid #ddd;
}

.view .swiper-slide .imgauto {
 width: 100%;
 height: auto;
 line-height: 350px;
}

.view .swiper-slide .imgauto img {
 display: inline-block;
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;
 vertical-align: middle;
}

.view .swiper-container {
 width: 100%;
}

.preview {
 width: 100%;
 margin-top: 10px;
 position: relative;
}

.preview .swiper-container {
 width: 80%;
 margin: 0 10%;
}

.preview .swiper-slide {
 width: 30.33%;
 padding: 5px;
}

.preview .swiper-slide .imgauto {
 width: 100%;
 height: auto;
 border: 1px solid #ddd;
 text-align: center;
}

.preview .swiper-slide .imgauto img {
 display: inline-block;
 vertical-align: middle;
 max-width: 100%;
 max-height: 100%;
}

.preview .slide6 {
 width: 82px;
}

.preview .arrow-left {
 background: url(../images/feel3.png) no-repeat left top;
 position: absolute;
 left: 10px;
 top: 50%;
 margin-top: -9px;
 width: 9px;
 height: 18px;
 z-index: 10;
}

.preview .arrow-right {
 background: url(../images/feel4.png) no-repeat left bottom;
 position: absolute;
 right: 10px;
 top: 50%;
 margin-top: -9px;
 width: 9px;
 height: 18px;
 z-index: 10;
}

.preview .active-nav .imgauto {
 border: 1px solid #000;
}

div.zoomDiv {
 z-index: 999;
 position: absolute;
 top: 0;
 left: 0;
 background: #ffffff;
 border: 1px solid #ddd;
 display: none;
 text-align: center;
 overflow: hidden;
 font-size: 0;
}

div.zoomMask {
 position: absolute;
 background: url(../images/mask.png) repeat scroll 0 0 transparent;
 cursor: move;
 z-index: 1;
}


.prodbaseinfo_a {
 width: 480px;
 margin-left: 20px;
}