/*--
 * 作者：luyouwei
 * 时间：2017-8-8
 * 描述：切换图片组件样式
 */

.rela-table {
  position: relative;
  display: table;
}

.cen-img {
  margin: 0 20px;
  position: relative;
  width: 284px;
  overflow: hidden;
}

.btn-left {
  display: table;
  position: absolute;
  left: 0;
  margin-top: 15px;
}

.btn-right {
  display: table;
  position: absolute;
  right: 0;
  margin-top: 15px;
}

.fr-arrow-img {
  margin: 12px 10px 0px 10px;
}

.fr-cen-img {
  margin: 0px 8px;
}

.fr-cen-img img {
  width: 56px;
  border: 1px solid white;
}

.border-red {
  border: 1px solid red;
}

.switch-table {
  display: table;
  width: 9999px;
}

.switch-table li {
  float: left;
}

.fr-cen-img img,
.fr-arrow-img i {
  cursor: pointer;
}

.icon-left {
  background-image: url("../slice/icon-left-slide-gray.png");
  display: inline-block;
  width: 15px;
  height: 25px;
}

.icon-left:hover {
  background-image: url("../slice/icon-left-slide-red.png");
  width: 15px;
  height: 25px;
}

.icon-right {
  background-image: url("../slice/icon-right-slide-gray.png");
  display: inline-block;
  width: 15px;
  height: 25px;
}

.icon-right:hover {
  background-image: url("../slice/icon-right-slide-red.png");
  width: 15px;
  height: 25px;
}

.big-image-div {
  margin-bottom: 20px;
  width: 326px;
  height: 326px;
  border: 1px solid #E4E4E4;
  margin-top: 1px;
}

.big-image-width {
  width: 324px;
  height: 324px;
}

.switch-table-line {
  display: table;
  position: absolute;
  width: 99999px;
}

.switch-table-line li {
  float: left;
}

.line-cen-img {
  margin: 0px 10px;
  width: 164px;
  height: 260px;
}

.line-cen-img img {
  width: 130px;
  margin: 0px 17px;
  border: 1px solid white;
}

.line-cen-img img:hover {
  border: 1px solid red;
}

.btn-border {
  border: 1px solid #E4E4E4;
  margin: 44px 25px 0px 0px;
  display: table;
  position: absolute;
  top: 0;
}

.btn-border:hover {
  background: #999999;
}

.left {
  left: 0;
}

.right {
  right: 0;
}

.line-cen-title {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  height: 30px;
}

.line-cen-p {
  color: #999999;
  font-size: 12px;
  padding: 5px 0px;
  text-decoration: line-through;
}

.line-cen-sale {
  font-size: 12px;
  color: #666666;
}

.line-cen-sale .seleprice {
  font-weight: 700;
  color: #c80000;
  font-size: 14px;
}

.line-cen-login {
  color: #CC0000;
  text-align: center;
  font-size: 12px;
}

.line-cen-img img,
.btn-border i {
  cursor: pointer;
}

.icon-line-left {
  background: url(../slice/icon-left-slide-linegray.png) no-repeat;
  display: block;
  padding: 66px 19px;
  width: 16px;
  height: 28px;
  background-position-y: 51px;
  background-position-x: 11px;
}

.icon-line-right {
  background: url("../slice/icon-right-slide-linegray.png") no-repeat;
  display: block;
  padding: 66px 19px;
  width: 16px;
  height: 28px;
  background-position-y: 51px;
  background-position-x: 11px;
}

.line-table-div {
  margin: 0 70px 0 40px;
  position: relative;
  width: 1095px;
  height: 222px;
  overflow: hidden;
}