.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.7;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  background:#fff;
  padding:10px;
}

.lightbox a img {
  border: none;
  text-align:center;
}

.lb-outerContainer {
  position: relative;
  background-color: #000000;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {content: "";display: table;clear: both;}

.lb-container { padding: 38px 71px 61px 61px;}
.lb-loader {position: absolute;  top: 43%;  left: 0;  height: 25%;  width: 100%;  text-align: center;  line-height: 0;}
.lb-cancel {display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(../img/loading.gif) no-repeat;}
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
.lb-container > .nav { left: 0;}
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;}
.lb-nav a.lb-prev {width: 34%; left: 0; float: left; background: url(../img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;-o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(../img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer {margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%;}
.lb-dataContainer:after { content: ""; display: table; clear: both;}
.lb-data {height:60px; color: #ffffff; position:relative; top:-60px;}
.lb-data .lb-details { width: 75%; margin:0 auto; text-align: left;font-size: 16px;  font-weight: bold; color:#ffffff;  line-height:50px;}
.lb-data .lb-number {display: block; float:right;}
.lb-closeContainer { width:30px; height:30px;position:absolute;right:10px;top:10px;z-index:99999;}
.lb-close {display: block;float: right;width: 30px;height: 30px;background: url(../img/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.sty_pic{ width:420px; height:420px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px 10px 0 0; position:relative;}
.pic_tu{ width:420px; height:420px; padding:0px 0 0 0px; position:absolute; z-index:0; left:0; top:0;}
#listpc .sty_pic{ width:69px; height:69px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px 10px 0 0; position:relative; display:table-cell; vertical-align:middle; text-align: center;}
#listpc .sty_pic a{width:69px; height:69px; display:table-cell; vertical-align:middle; text-align: center;}
#listpc .pic_tu{ width:69px; height:69px; padding:0px 0 0 0px; position:absolute; z-index:1; left:0; top:0;}
.pic_tu img{ width:90%; margin: 0px 5%;}


@media (max-width: 767px)
{
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.7;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  padding:0px;
  background:#fff;
}

.lightbox a img {
  border: none;
  text-align:center
  }

.lb-outerContainer {
  position: relative;
  background-color: #ffffff;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {content: "";display: table;clear: both;}

.lb-container { padding:10px;}
.lb-loader {position: absolute;  top: 43%;  left: 0;  height: 25%;  width: 100%;  text-align: center;  line-height: 0;}
.lb-cancel {display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(../img/loading.gif) no-repeat;}
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
.lb-container > .nav { left: 0;}
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;}
.lb-nav a.lb-prev {width: 34%; left: 0; float: left; background: url(../img/prev_sj.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;-o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(../img/next_sj.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer {margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%;}
.lb-dataContainer:after { content: ""; display: table; clear: both;}
.lb-data {height:60px; color: #000000; position:relative; top:-60px;}
.lb-data .lb-details { width: 75%; margin:0 auto; text-align: left;font-size: 16px;  font-weight: bold; color:#000000;  line-height:50px;}
.lb-data .lb-number {display: block; float:right;}
.lb-closeContainer { width:30px; height:30px;position:absolute;right:10px;top:10px;z-index:99999;}
.lb-close {display: block;float: right;width: 30px;height: 30px;background: url(../img/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.sty_pic{ width:420px; height:420px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px 10px 0 0; position:relative;}
.pic_tu{ width:420px; height:420px; padding:0px 0 0 0px; position:absolute; z-index:1; left:0; top:0;}
#listpc .sty_pic{ width:69px; height:69px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px 10px 0 0; position:relative; display:table-cell; vertical-align:middle; text-align: center;}
#listpc .sty_pic a{width:69px; height:69px; display:table-cell; vertical-align:middle; text-align: center;}
#listpc .pic_tu{ width:69px; height:69px; padding:0px 0 0 0px; position:absolute; z-index:1; left:0; top:0;}
.pic_tu img{ width:90%; margin: 0px 5%;}
}

@media (max-width: 480px)
{
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.7;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  padding:0px;
  background:#fff;
}

.lightbox a img {
  border: none;
  text-align:center
  }

.lb-outerContainer {
  position: relative;
  background-color: #ffffff;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {content: "";display: table;clear: both;}

.lb-container { padding:10px;}
.lb-loader {position: absolute;  top: 43%;  left: 0;  height: 25%;  width: 100%;  text-align: center;  line-height: 0;}
.lb-cancel {display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(../img/loading.gif) no-repeat;}
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
.lb-container > .nav { left: 0;}
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;}
.lb-nav a.lb-prev {width: 34%; left: 0; float: left; background: url(../img/prev_sj.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;-o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(../img/next_sj.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer {margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%;}
.lb-dataContainer:after { content: ""; display: table; clear: both;}
.lb-data {height:60px; color: #000000; position:relative; top:-60px;}
.lb-data .lb-details { width: 75%; margin:0 auto; text-align: left;font-size: 16px;  font-weight: bold; color:#000000;  line-height:50px;}
.lb-data .lb-number {display: block; float:right;}
.lb-closeContainer { width:30px; height:30px;position:absolute;right:10px;top:10px;z-index:99999;}
.lb-close {display: block;float: right;width: 30px;height: 30px;background: url(../img/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.sty_pic{ width:300px; height:300px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px 10px 0 0; position:relative;}
.pic_tu{ width:300px; height:300px; padding:0px 0 0 0px; position:absolute; z-index:1; left:0; top:0;}
#listpc .sty_pic{ width:69px; height:69px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px 10px 0 0; position:relative; display:table-cell; vertical-align:middle; text-align: center;}
#listpc .sty_pic a{width:69px; height:69px; display:table-cell; vertical-align:middle; text-align: center;}
#listpc .pic_tu{ width:69px; height:69px; padding:0px 0 0 0px; position:absolute; z-index:1; left:0; top:0;}
.pic_tu img{ width:90%; margin: 0px 5%;}
}