.appreciate{
	width:900px;
	height:97px;
	text-align:center;
	margin:5px auto 30px auto;
	white-space:nowrap;          
	overflow-x:scroll;
	overflow-y:hidden;
}
.coll{
	display:inline;
	margin-right:-3px;
	opacity:0.8;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.coll:hover {opacity:1;}

.coll2{
	float:left;
	display:inline;
	margin-right:1px;
	opacity:0.7;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.coll2:hover {opacity:1;}

.fancybox-wrap{padding-top:25px;background: #ededed;z-index:1000;}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}


.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 101;
	background: url(fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}


.fancybox-title-float-wrap {
	position: absolute;
	top: 1.4%;
	left: 1.3%;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	font-family:KaiTi_GB2312;
	color: #0090e9;
	font-size:1.3em;
	line-height: 20px;
	white-space: nowrap;
}

@media(max-width:1919px) {
.appreciate {
	width:1095px;
}
}
@media(max-width:1600px) {
.appreciate {
    width:855px;
}
}
@media(max-width:1366px) {
.appreciate {
    width:775px;
}
}
@media(max-width:1280px) {
.appreciate {
    width:895px;
}
}
@media(max-width:990px) {
.appreciate {
	width:595px;
}
.fancybox-title-float-wrap {
	top: 1.5%;
	left: 1.5%;
}
}
@media(max-width:770px) {
.appreciate {
	width:495px;
}
.fancybox-title-float-wrap {
	top: 1.5%;
	left: 2.2%;
}
}
@media(max-width:570px) {
.appreciate {
	width:375px;
}
.coll2{
	float:none;
}
.fancybox-title-float-wrap {
	top: 2%;
	left: 3.8%;
}
.fancybox-title-float-wrap .child {
	font-size:1em;
}
}
@media(max-width:420px) {
.appreciate {
	width:300px;
}
.fancybox-title-float-wrap {
	top: 2%;
	left: 5%;
}
}