
.jquery-lightbox-overlay {
	BACKGROUND: #000000
}
.jquery-lightbox {
	POSITION: relative;
	PADDING-BOTTOM: 17px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 17px
}
.jquery-lightbox-border-top-left {
	Z-INDEX: 7000;
	POSITION: absolute;
	WIDTH: 12%;
	HEIGHT: 17px
}
.jquery-lightbox-border-top-right {
	Z-INDEX: 7000;
	POSITION: absolute;
	WIDTH: 12%;
	HEIGHT: 17px
}
.jquery-lightbox-border-bottom-left {
	Z-INDEX: 7000;
	POSITION: absolute;
	WIDTH: 12%;
	HEIGHT: 17px
}
.jquery-lightbox-border-bottom-right {
	Z-INDEX: 7000;
	POSITION: absolute;
	WIDTH: 12%;
	HEIGHT: 17px
}
.jquery-lightbox-border-top-left {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat 0px 0px;
	TOP: 0px;
	LEFT: 0px
}
.jquery-lightbox-border-top-right {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat right 0px;
	TOP: 0px;
	RIGHT: 0px
}
.jquery-lightbox-border-top-middle {
	Z-INDEX: 7000;
	POSITION: absolute;
	WIDTH: 78%;
	BACKGROUND: #2b2b2b;
	HEIGHT: 7px;
	OVERFLOW: hidden;
	TOP: 0px;
	LEFT: 12%
}

.jquery-lightbox-border-bottom-left {
	BOTTOM: 0px;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat 0px bottom;
	LEFT: 0px
}
.jquery-lightbox-border-bottom-right {
	BOTTOM: 0px;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat right bottom;
	RIGHT: 0px
}
.jquery-lightbox-border-bottom-middle {
	Z-INDEX: 7000;
	POSITION: absolute;
	WIDTH: 78%;
	BOTTOM: 0px;
	BACKGROUND: #2b2b2b;
	HEIGHT: 7px;
	OVERFLOW: hidden;
	LEFT: 12%
}
.jquery-lightbox-title {
	Z-INDEX: 7000;
	POSITION: absolute;
	PADDING-BOTTOM: 5px;
	LINE-HEIGHT: 14px;
	MARGIN: 3px;
	PADDING-LEFT: 8px;
	BOTTOM: 0px;
	PADDING-RIGHT: 8px;
	FONT-FAMILY: verdana, arial, serif;
	BACKGROUND: #2b2b2b;
	COLOR: #ffffff;
	FONT-SIZE: 11px;
	PADDING-TOP: 5px;
	opacity: 0.9
}
.jquery-lightbox-html {
	Z-INDEX: 7000;
	BORDER-BOTTOM: 0px;
	POSITION: relative;
	BORDER-LEFT: #2b2b2b 7px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
	VERTICAL-ALIGN: top;
	BORDER-TOP: 0px;
	BORDER-RIGHT: #2b2b2b 7px solid;
	PADDING-TOP: 0px
}
.jquery-lightbox-html EMBED {
	VERTICAL-ALIGN: top
}
.jquery-lightbox-html OBJECT {
	VERTICAL-ALIGN: top
}
.jquery-lightbox-html IFRAME {
	VERTICAL-ALIGN: top
}
.jquery-lightbox-background {
	Z-INDEX: 6999;
	POSITION: absolute;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	TOP: 7px;
	PADDING-TOP: 0px;
	LEFT: 7px
}
.jquery-lightbox-background IMG {
	BORDER-BOTTOM: 0px;
	POSITION: relative;
	BORDER-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 100%;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	HEIGHT: 100%;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
}


.jquery-lightbox-mode-image .jquery-lightbox-html {
	Z-INDEX: 6998;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.jquery-lightbox-mode-html .jquery-lightbox-background {
	BACKGROUND: #ffffff
}
.jquery-lightbox-mode-html .jquery-lightbox-html {
	OVERFLOW: auto
}
.jquery-lightbox-loading {
	BACKGROUND: url(../images/loading.gif) #ffffff no-repeat center center
}
.jquery-lightbox-mode-html .jquery-lightbox-loading {
	BACKGROUND: url(../images/loading.gif) #ffffff no-repeat center center
}
.jquery-lightbox-button-close {
	POSITION: absolute;
	WIDTH: 29px;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -190px -115px;
	HEIGHT: 29px;
	TOP: 12px;
	RIGHT: -26px
}
.jquery-lightbox-button-close:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -115px
}
.jquery-lightbox-button-close SPAN {
	DISPLAY: none
}
.jquery-lightbox-buttons SPAN {
	DISPLAY: none
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
	Z-INDEX: 7002;
	RIGHT: 14px
}
.jquery-lightbox-buttons {
	Z-INDEX: 7001;
	POSITION: absolute;
	DISPLAY: none;
	HEIGHT: 39px;
	TOP: 7px;
    right: 50px; visibility:hidden;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
	WIDTH: 5px;
	DISPLAY: inline;
	FLOAT: left;
	HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	WIDTH: 5px;
	DISPLAY: inline;
	FLOAT: left;
	HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
	MARGIN: 7px 0px 0px 7px;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -151px -153px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	MARGIN: 7px 0px 0px;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -244px -153px
}
.jquery-lightbox-buttons .jquery-lightbox-button-left {
	MARGIN: 7px 0px 0px;
	WIDTH: 24px;
	DISPLAY: inline;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -156px -153px;
	FLOAT: left;
	HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -156px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-right {
	MARGIN: 7px 0px 0px;
	WIDTH: 24px;
	DISPLAY: inline;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -153px;
	FLOAT: left;
	HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-max {
	MARGIN: 7px 0px 0px;
	WIDTH: 36px;
	DISPLAY: inline;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -182px -153px;
	FLOAT: left;
	HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -182px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-min {
	MARGIN: 7px 0px 0px;
	WIDTH: 36px;
	DISPLAY: inline;
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -162px -235px;
	FLOAT: left;
	HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -207px -235px
}
.jquery-lightbox-buttons-custom {
	LINE-HEIGHT: 39px;
	MARGIN: 7px 0px 0px;
	DISPLAY: inline;
	BACKGROUND: #2b2b2b;
	FLOAT: left;
	HEIGHT: 39px;
	FONT-SIZE: 10px
}
.jquery-lightbox-buttons-custom A {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	DISPLAY: inline;
	COLOR: #ffffff;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	PADDING-TOP: 0px
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
	opacity: 0.7
}
.jquery-lightbox-mode-image .jquery-lightbox-buttons {
	opacity: 0.3
}
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons {
	opacity: 0.9
}
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close {
	opacity: 0.9
}
.jquery-lightbox-navigator {
	DISPLAY: none
}


/*视频*/

.tab-con{ width:820px;}
.tab-con li{  width:244px; height:157px; margin:30px 19px 20px 10px; float:left; position:relative; overflow:hidden;    }
.tab-con li img{ width:244px; height:157px;transition: all 1s ease 0s; webkit-transform: all 1s ease 0s;}

.tab-con li:hover img{transform: scale(1.3);  -webkit-transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s;}


.tab-con li .on-tit{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; line-height:55px; height:55px; background:url(../images/bg-col.png); position:absolute; left:0; bottom:5px; width:100%; color:#fff; font-size:14px; text-transform:uppercase; padding:0 3%; z-index:1;transition:all 1s ease 0s; font-weight:bold;}
.tab-con li .on-tit span{ float:right; display:block; height:55px; width:40px; background:url(../images/xs.png) no-repeat center center; float:right;}
.tab-con li .off-tit{ webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  height:50px; background:#014188; position:absolute; left:0; bottom:-35px; width:100%;color:#fff; font-size:14px; text-transform:uppercase;padding:0 3%; z-index:2;transition:all 1s ease 0s; padding-top:12px;}
.tab-con li .off-tit h2{ line-height:10px; font-size:14px; color:#fff; font-weight:bold;}
.tab-con li .off-tit p{ color:#fff; font-size:12px; line-height:24px;}
.tab-con li .link{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width:100%; height:100%; position:absolute; left:0; z-index:1; background:url(../images/bg-col.png); top:-100%;transition:all 1s ease 0s;}
.tab-con li .link a{ display:block; width:100%; height:100%; background:url(../images/smt.png) no-repeat center center;}

.tab-con li:hover .on-tit{bottom:-50px;transition:all 1s ease 0s;}
.tab-con li:hover .off-tit{bottom:0px;transition:all 1s ease 0s; cursor:pointer}
.tab-con li:hover .link{ top:0;transition:all 1s ease 0s;}

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1;   -moz-opacity:1; -khtml-opacity:1; opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity:0; -moz-transform: translateY(20px); }
  100% { opacity:1; -moz-transform: translateY(0); } }
@keyframes fadeInUp { 0% {  opacity:0; transform: translateY(20px); }
  100% { opacity:1;  transform: translateY(0); } }
  
.webkit_fu { -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both;}