/*公共样式，包括头尾，侧边栏，弹框部分样式*/
body {
  font-size: 14px;
  color: #666666;
  background-color: #f4f6f7;
}
.h2-tit {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  padding-top: 20px;
}
/*div's size*/
.main-box {
  width: 1200px;
  margin: 0 auto;
}
.box1200 {
  width: 1140px;
  padding: 0 30px;
  margin: 0 auto;
  background-color: #fff;
}
.box730 {
  width: 730px;
  float: left;
  background-color: #fff;
}
.box450 {
  width: 450px;
  float: left;
  background-color: #fff;
}
.box830 {
  width: 830px;
  float: left;
  background-color: #fff;
}
.box350 {
  width: 350px;
  float: left;
  background-color: #fff;
}
h2 {
  color: #333333;
}
.clearBoth {
  *zoom: 1;
}
.clearBoth:before,
.clearBoth:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearBoth:after {
  clear: both;
}
.photoDetail {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #f4f6f7;
}
.photoDetail .photoDetail-left {
  float: left;
  padding: 30px 20px;
  width: 790px;
  background-color: #fff;
  margin-right: 20px;
  border-radius: 5px;
  position: relative;
}
.photoDetail .photoDetail-left .photo-con-outer {
  display: none;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-con-title {
  height: 35px;
  line-height: 35px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-con-title div {
  float: left;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-con-title .photo-num {
  color: #999999;
  margin-right: 8px;
  font-size: 18px;
  max-width: 110px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-con-title .photo-num .photo-curr-num {
  color: #ff133f;
  font-size: 40px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img {
  margin-top: 15px;
  width: 100%;
  height: 600px;
  position: relative;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show img {
  display: block;
  margin: 0 auto;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show .title-outer {
  position: absolute;
  top: -45px;
  left: 110px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show .title-outer .photo-dates {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding-left: 14px;
  color: #999999;
  position: relative;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show .title-outer .photo-dates span {
  position: absolute;
  left: 0px;
  bottom: 3px;
  width: 10px;
  height: 10px;
  background: url("../images/detail_sprite.png") no-repeat -103px 0;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show .title-outer h2 {
  display: inline-block;
  margin-top: 5px;
  margin-right: 20px;
  font-size: 18px;
  max-width: 382px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .photo-show-curr {
  display: block;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .big-left-arrow,
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .big-right-arrow {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 265px;
  cursor: pointer;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .big-left-arrow {
  background: url("../images/detail_sprite.png") no-repeat -244px 0;
  left: 10px;
  cursor: not-allowed;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .big-right-arrow {
  background: url("../images/detail_sprite.png") no-repeat -376px 0;
  right: 10px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .big-left-grey-arrow {
  background: url("../images/detail_sprite.png") no-repeat -310px 0;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .big-right-grey-arrow {
  background: url("../images/detail_sprite.png") no-repeat -180px 0;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 90px;
  height: 36px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .back-opacity {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .download-outer,
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .blow-up-outer {
  width: 44px;
  height: 100%;
  position: absolute;
  padding-top: 6px;
  left: 45px;
  z-index: 20;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .download-outer .icon-back-opacity,
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .blow-up-outer .icon-back-opacity {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 30;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .download-outer .download,
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .blow-up-outer .download {
  position: absolute;
  left: 10px;
  width: 25px;
  height: 25px;
  background: url("../images/detail_sprite.png") no-repeat 0 -35px;
  z-index: 50;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .download-outer .blow-up,
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .blow-up-outer .blow-up {
  position: absolute;
  left: 10px;
  width: 24px;
  height: 24px;
  background: url("../images/detail_sprite.png") no-repeat -28px -34px;
  z-index: 50;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .download-outer:hover .icon-back-opacity,
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .blow-up-outer:hover .icon-back-opacity {
  background-color: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.photoDetail .photoDetail-left .photo-con-outer .photo-big-img .icon-outer .download-outer {
  left: 0px;
  border-right: 1px solid #bbbbbb;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img {
  width: 100%;
  height: 150px;
  position: relative;
  background-color: #f4f6f7;
  margin-top: 20px;
  overflow: hidden;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .outer-box {
  position: absolute;
  left: 0px;
  top: 15px;
  width: 1580px;
  height: 120px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .outer-box .thumbnail-outer {
  float: left;
  width: 680px;
  height: 100%;
  margin: 0 55px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .outer-box .thumbnail-outer .thumbnail {
  float: left;
  width: 160px;
  height: 100%;
  margin: 0 5px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .outer-box .thumbnail-outer .thumbnail img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .outer-box .thumbnail-outer .thumbnail span {
  position: absolute;
  width: 156px;
  height: 116px;
  border: 2px solid #eaeaea;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .outer-box .thumbnail-outer .thumbnail-border {
  width: 156px;
  height: 116px;
  border: 2px solid #ff133f;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .left-arrow,
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .right-arrow {
  position: absolute;
  width: 30px;
  height: 120px;
  top: 15px;
  background-color: #fff;
  cursor: pointer;
  z-index: 20;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .left-arrow span,
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .right-arrow span {
  position: absolute;
  width: 14px;
  height: 24px;
  left: 9px;
  top: 48px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .left-arrow {
  left: 15px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .left-arrow span {
  background: url("../images/detail_sprite.png") no-repeat -74px -34px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .left-arrow:hover span {
  background: url("../images/detail_sprite.png") no-repeat 0 -62px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .right-arrow {
  right: 15px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .right-arrow span {
  background: url("../images/detail_sprite.png") no-repeat -57px -34px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .right-arrow:hover span {
  background: url("../images/detail_sprite.png") no-repeat 0 -89px;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .left-white {
  width: 45px;
  height: 150px;
  background-color: #f4f6f7;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.photoDetail .photoDetail-left .photo-con-outer .photo-small-img .right-white {
  width: 45px;
  height: 150px;
  background-color: #f4f6f7;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}
.photoDetail .photoDetail-left .photo-con-curr {
  display: block;
}
.photoDetail .photoDetail-left .watch-more {
  display: block;
  position: absolute;
  right: 20px;
  top: 30px;
  width: 90px;
  height: 30px;
  background-color: #f4f6f7;
  text-align: center;
  line-height: 30px;
  color: #333333;
  border-radius: 50px;
  margin-top: 5px;
}
.photoDetail .photoDetail-left .watch-more:hover {
  color: #ff133f;
}
.photoDetail .photoDetail-right {
  float: left;
  width: 350px;
  background-color: #fff;
  padding-top: 25px;
}
.photoDetail .photoDetail-right .photo-list {
  width: 100%;
  border-radius: 5px;
  padding-bottom: 28px;
}
.photoDetail .photoDetail-right .photo-list h2 {
  font-weight: normal;
  margin-left: 30px;
  margin-bottom: 20px;
  font-size: 18px;
}
.photoDetail .photoDetail-right .photo-list .photo-nav {
  padding-left: 30px;
  width: 320px;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  position: relative;
  color: #666666;
}
.photoDetail .photoDetail-right .photo-list .photo-nav .num {
  position: absolute;
  right: 30px;
  top: 0px;
}
.photoDetail .photoDetail-right .photo-list .photo-nav-curr {
  padding-left: 35px;
  width: 315px;
  background-color: #f4f6f7;
  color: #333333;
}
.photoDetail .photoDetail-right .photo-list .photo-nav-curr .num {
  position: absolute;
  right: 50px;
  top: 0px;
  color: #ff133f;
}
.photo-mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000;
}
.photo-mask .img-outer-back {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.photo-mask .img-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  margin-left: -50%;
  z-index: 50;
  overflow: hidden;
}
.photo-mask .img-outer img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.photo-mask span {
  position: absolute;
  width: 60px;
  height: 50px;
  right: 0px;
  top: 0px;
  cursor: pointer;
  background: url("../images/detail_sprite.png") no-repeat -116px 0;
  z-index: 100;
}
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .designer {
  position: absolute;
  left: 0;
  top: -60px;
  color: #333;
  width: 100%;
  text-align: left;
}
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .designer .head-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .designer .name,
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .designer .desc {
  display: inline-block;
  vertical-align: middle;
}
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .designer .desc {
  margin-left: 30px;
  color: #999;
}
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .photo-big-img .photo-show .title-outer {
  top: -120px;
}
.photoDetail .photoDetail-left .photo-con-outer.jingzhuang .photo-big-img {
  margin-top: 90px;
}