/*换肤样式*/
#skin_0{background-position: 0px 0px;}
#skin_1{background-position: 15px 0px;}
#skin_2{background-position: 35px 0px;}
#skin_3{background-position: 55px 0px;}
#skin_4{background-position: 75px 0px;}
#skin_5{background-position: 95px 0px;}
#skin_0.selected{background-position: 0px 15px;}
#skin_1.selected{background-position: 15px 15px;}
#skin_2.selected{background-position: 35px 15px;}
#skin_3.selected{background-position: 55px 15px;}
#skin_4.selected{background-position: 75px 15px;}
#skin_5.selected{background-position: 95px 15px;}

/*导航样式*/
nav li{
	position: relative;
}
.jnNav{
	background:#FFFFFF;
    border: 1px solid #B1B1B1;
	border-top:0;
    left: 0;
    position: absolute;
    top: 37px;
    width: 474px;
    z-index: 1000;
    display: none;
}
.jnNav dl {
    border-top: 1px dashed #C4C4C4;
    padding: 8px 0;
	float:left;
}
.jnNav dl:first-child{
	border-top: none;
}
.jnNav dt {
    float: left;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 3px;
    text-align: center;
    width: 76px;
    height: 56px;
}
.jnNav em {
    border-right: 1px solid #CCCCCC;
    float: left;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    margin: 5px 0;
    padding: 0 8px;
}
.jnNav dt a {
    color: #000;
    font-weight: 700;
	font-size:12px;
	padding:0;
}
.jnNav dd a{
	color: #666666;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
    padding: #0;
}

/*轮播图*/
#jnImageScroll img{
	display: none;
}
#jnImageScroll img:first-child{

	display: block;
}
.scrollItem a.chos {
    background: url("../images/adindex.gif") no-repeat center 39px #37A7D7;
    color: #FFFFFF;
}
 .jnBrandTab li.chos a {
    background-color: #FA5889;
    color: #FFFFFF;
    outline: 0 none;
}
.jnBrandTab li.chos {
    background: url("../images/chos.gif") no-repeat scroll 50% bottom transparent;
    padding-bottom: 3px;
}

/*css3动画*/
#jnNotice>a img {
	-webkit-transition:1s all;
	-moz-transition:1s all;
	-o-transition:1s all;
	transition:1s all;
}
#jnNotice>a img:hover{
	-webkit-transform:rotate(720deg);
	-moz-transform:rotate(720deg);
	-o-transform:rotate(720deg);
	transform:rotate(720deg);
}

/*超链接提示*/
#tooltip{
    position: absolute;
    border:1px solid #333;
    background-color: #f7f5d1;
    padding:1px;
    color:#333;
}
/*光标划过效果*/
.BrandItem li{
    position: relative;
}
.BrandItem li img{
    width:183px;
    height: 164px;
}
.imgMask{
    background-color:#ffffff; 
    filter:alpha(opacity=0);
    opacity: 0; 
    cursor: pointer;
}
.imageOver{
    background: url(../images/zoom.gif) no-repeat 50% 50%;
    filter:alpha(opacity=60);
    opacity:0.6;
}

/* jquery zoom */
.zoomPad{
    position:relative;
    float:left;
    z-index:99;
    cursor:crosshair;
}

/*鼠标在图片中移动时的样式的*/
.zoomPup{
    overflow:hidden;
    background-color: #FFF;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index:120;
    position:absolute;
    border:1px solid #CCC;
    z-index:101;
    cursor:crosshair;
}
/*图片正在加载*/
.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}
/*图片展示的div的效果*/
.zoomWrapper{
    position:relative;
    border:1px solid #999;
    z-index:110;
}
/*展示里面的title的div的效果*/
.zoomWrapperTitle{
    display:block;
    background:#999;
    color:#FFF;
    height:18px;
    line-height:18px;
    width:100%;
  overflow:hidden;
    text-align:center;
    font-size:12px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
/*展示图片的框*/
.zoomWrapperImage{
    display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
/*框里移动的大图*/
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

/*选择颜色*/

.color_change li:hover img,.color_change li.hover img{
  border: 1px solid #f60;
}

/*选择尺寸*/
.pro_size li.selected {
  border: 1px solid #AAA;
  background-color: #f60;
}

/*评分*/
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}