/* BASIC css start */
#contentWrapper { margin-top:-110px }

.visual { position:relative; width:100%; height:672px; overflow:hidden }
.visual .inner { margin-left:-950px; position:absolute; top:0; left:50%; width:1900px; height:672px }
.visual .inner img { width:100% }
.visual .bx-pager { position:absolute; bottom:63px; width:100%; text-align:center; z-index:100 }
.visual .bx-pager-item {display:inline-block }        
.visual .bx-pager a { display:block; margin:0 4px; width:16px; height:16px; text-indent:-9999em; border:2px solid #fff; border-radius:100% }
.visual .bx-pager a:hover { border:2px solid #000 }
.visual .bx-pager a.active { background:#fff }  
.visual .bx-pager a.active:hover { background:#000 }
.visual .bx-controls-direction { position:absolute; top:290px; left:0; width:100%; z-index:100 }
.visual .bx-controls-direction a { display:block; position:absolute; top:0; width:77px; height:65px; color:#fff; text-align:center; border:2px solid #fff }
.visual .bx-controls-direction a i { margin-top:8px; font-size:24px }
.visual .bx-controls-direction a span { font-size:16px; font-weight:bold }
.visual .bx-controls-direction a:hover { border:2px solid #000; background:#000 }
.visual .bx-controls-direction .bx-prev { margin-left:-600px; left:50% }
.visual .bx-controls-direction .bx-next { margin-right:-600px; right:50% }

.mainTit { padding:50px 0 40px; text-align:center }
.mainTit h3 { font-size:24px; font-weight:bold }
.mainTit p { padding-top:7px; font-size:16px }

.mainNewItem { position:relative; margin:0 auto; width:1200px }
.mainNewItem .newItemWrap { padding-bottom:88px; position:relative; width:1200px; overflow:hidden }
.mainNewItem .newItemWrap ul { width:1218px; *zoom:1 }
.mainNewItem .newItemWrap ul:after { display:block; clear:both; content:'' }
.mainNewItem .newItemWrap ul li { margin:0 17px 22px 0; position:relative; float:left; width:389px; height:389px; overflow:hidden }
.mainNewItem .newItemWrap ul li .thumb img { width:389px; height:389px; cursor:pointer; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease }
.mainNewItem .newItemWrap ul li dd { display:none; position:absolute; top:0; left:0; width:389px; height:389px; background:rgba(0,0,0,0.6); z-index:10 }
.mainNewItem .newItemWrap ul li dd { display:none; position:absolute; top:0; left:0; width:389px; height:389px; background:rgba(0,0,0,0.6); z-index:10 }
.mainNewItem .newItemWrap ul li dd .topInfo { height:212px }
.mainNewItem .newItemWrap ul li dd .topInfo a { display:block; height:212px; font-size:16px; color:#fff }
.mainNewItem .newItemWrap ul li dd .topInfo a .subname { display:block; padding:80px 10px 0; height:auto; color:#fff; text-align:center }
.mainNewItem .newItemWrap ul li dd .topInfo a .prd-price { display:block; padding:0 10px; text-align:center }
.mainNewItem .newItemWrap ul li dd .bottomInfo { position:relative; top:92px; height:71px; background:rgba(255,255,255,0.85) }
.mainNewItem .newItemWrap ul li dd .bottomInfo .prd-name { margin:0; padding-left:20px; width:230px; height:71px; font-size:20px; font-weight:normal; line-height:62px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.mainNewItem .newItemWrap ul li dd .bottomInfo .quickBtn { position:absolute; top:0; right:15px; width:auto }
.mainNewItem .newItemWrap ul li dd .bottomInfo .quickBtn li { margin:0; padding-left:5px; float:left; width:auto; height:71px;line-height:71px }
.mainNewItem .newItemWrap ul li dd .bottomInfo .quickBtn li a { font-size:30px }

.mainAddProduct { position:relative; height:650px; background:#e9e9e9; overflow:hidden }
.mainAddProduct .inner { margin:0 auto; width:1200px }
.mainAddProduct .inner li { }
.mainAddProduct .inner li .thumb { float:left; width:490px; height:490px }
.mainAddProduct .inner li .thumb img { width:490px; margin-top: 107px;}
.mainAddProduct .inner li dd { padding:145px 0 0 45px; float:left; width:630px }
.mainAddProduct .inner li dd a { display:block }
.mainAddProduct .inner li dd .prd-name { display:block; margin:0; padding:0; font-size:40px; font-weight:bold; border-bottom:none }
.mainAddProduct .inner li dd .prd-subname { display:block; padding-top:30px; font-size:16px }
.mainAddProduct .inner li dd .prd-price { display:block; margin:0; padding:25px 0 35px; font-size:30px; font-weight:bold }
.mainAddProduct .inner li dd .viewBtn { display:block; width:190px; height:55px; font-size:20px; font-weight:bold; text-align:center; line-height:55px; border-radius:55px; background:#fff }
.mainAddProduct .bx-pager { padding-top:30px; width:490px; text-align:center }
.mainAddProduct .bx-pager-item {display:inline-block }        
.mainAddProduct .bx-pager a { display:block; margin:0 4px; width:24px; height:24px; text-indent:-9999em; border:2px solid #949494; border-radius:100% }
.mainAddProduct .bx-pager a.active { background:#949494 }  

.mainSpecial { position:relative; margin:0 auto; width:1200px }


.imgscaleup {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */ 
   background: url("/design/witchwitch/13808/d4-0399/tem86/bbg.png") repeat;
}

/* BASIC css end */

