@charset "utf-8";

/*页面全局结束*/

.tab {
  overflow: hidden;
}

.tab li,
.tab a,
.tab-item {
  cursor: pointer;
  float: left;
  text-align: center;
}

.m,
.mt,
.mc,
.mb {
  overflow: hidden;
}

.mt .extra {
  float: right;
}

.right-extra .mt {
  height: 28px;
  line-height: 28px;
  padding: 0 10px 8px;
  border-top: 1px solid #EED97C;
  background: url(../images/bg_hotsale.gif) repeat-x 0 -552px;
  color: #c00;
}

.right-extra .tab {
  border-bottom: 2px solid #BE0000;
  margin-bottom: 10px;
}

.right-extra .tab li {
  position: relative;
  height: 24px;
  padding: 3px 12px 0;
  background: url(../images/icon_clubs.gif) #ccc no-repeat right -150px;
  overflow: hidden;
  margin-right: 3px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #c30;
}

.right-extra .tab span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 10px;
  height: 27px;
  background: url(../images/icon_clubs.gif) no-repeat 0 -150px;
}

.right-extra .tab a {
  float: none;
  color: #c30;
}

.right-extra .tab .curr {
  background-position: right -178px;
  color: #fff;
}

.right-extra .tab .curr span {
  background-position: 0 -178px;
}

.right-extra .tab .curr a {
  color: #fff;
}

.right-extra .mc .extra {
  padding: 5px 10px;
  border-top: 1px solid #F3E6C6;
}

.right-extra .total {
  float: right;
}

.right-extra .total strong {
  color: #FF7403;
}

.right-extra .total a:link,
.right-extra .total a:visited {
  color: #005aa0;
}

.right-extra .join a:link,
.right-extra .join a:visited {
  color: #FF7604;
}

.right-extra .norecode {
  padding: 0 10px 10px;
}

.right-extra .iloading {
  margin-bottom: 10px;
}


/*评论列表*/

#comment .item {
  border: 1px solid #FFFFFF;
  padding: 8px 15px;
}

#comment .odd {
  background: none repeat scroll 0 0 #F4F9FF;
  border: 1px solid #EDF0F1;
  border-radius: 10px 10px 10px 10px;
}

#comment .user {
  color: #999999;
  text-align: right;
}

#comment .user span {
  margin-left: 20px;
}

#comment .user .u-level {
  color: #088100;
}

#comment dl {
  margin-bottom: 5px;
  overflow: hidden;
}

#comment dt {
  float: left;
  text-align: right;
  width: 80px;
}

#comment dd {
  float: right;
  overflow: hidden;
  width: 649px;
}

#comment .content {
  float: left;
  width: 510px;
}

#comment .date-answer {
  color: #999999;
  float: right;
  text-align: right;
  width: 130px;
}

#comment .useful {
  color: #999999;
  text-align: right;
}

#comment .useful a {
  color: #005AA0;
}

#comment dt b {
  background-image: url("../images/icon_clubs.gif");
  background-repeat: no-repeat;
  float: left;
  height: 13px;
  margin: 2px 3px 0 0;
  width: 14px;
}

#comment .ask b {
  background-position: -72px -14px;
}

#comment .answer {
  color: #D75509;
}

#comment .answer b {
  background-position: -57px -14px;
}


/*图片放大镜样式*/

.jqzoom {
  float: left;
  border: none;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  display: block;
}

.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 350px;
  background: #ffffff;
  border: 1px solid #EDEDED;
  display: none;
  text-align: center;
  overflow: hidden;
}

.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../images/tdgbp.png);

  /*opacity: 0.4;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	filter: alpha(Opacity=40);*/
}


/*图片小图预览列表*/

.spec-preview {
  width: 450px;
  height: 450px;
  border: 1px solid #EDEDED;
  box-sizing: border-box;
  overflow: hidden;
}
.jqzoom {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px;
}
.jqzoom img {
  width: 100%;
  border: 1px solid #EDEDED;
}
.spec-scroll {
  clear: both;
  margin-top: 25px;
  width: 450px;
}

.spec-scroll .prev {
  float: left;
  margin-right: 4px;
}

.spec-scroll .next {
  float: right;
}

.spec-scroll .prev,
.spec-scroll .next {
  display: block;
  font-family: "宋体";
  text-align: center;
  width: 10px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #EDEDED;
  background: #EBEBEB;
  cursor: pointer;
  text-decoration: none;
}

.spec-scroll .items {
  float: left;
  position: relative;
  width: 422px;
  height: 48px;
  overflow: hidden;
}

.spec-scroll .items ul {
  position: absolute;
  width: 999999px;
  height: 48px;
}

.spec-scroll .items ul li {
  float: left;
  width: 62px;
  text-align: center;
}

.spec-scroll .items ul li img {
  border: 1px solid #EDEDED;
  padding: 0;
  width: 48px;
  height: 48px;
}

.spec-scroll .items ul li img:hover {
  border: 2px solid #FF6600;
  padding: 1px;
}