/*：非源码,演示用的代码。源代码唯一下载地址: http://www.bootstrapmb.com/item/100。（此备注只出现在演示站，下载的源码不包含。）*//* General style */.grid-gallery ul {	list-style: none;	margin: 0;	padding: 0;}.grid-gallery figure {	margin: 0;}.grid-gallery figure img {	display: block;	width: 100%;}.grid-gallery figcaption h3 {	margin: 0;	padding: 0 0 0.5em;}.grid-gallery figcaption p {	margin: 0;}/* Grid style */.grid-wrap {    width: 100%;	margin: 0 auto;}.grid {	margin: 0 auto;}.grid li {	width: 25%;	float: left;	cursor: pointer;}.grid figure {	padding: 15px;	-webkit-transition: opacity 0.2s;	transition: opacity 0.2s;}.grid li:hover figure {	opacity: 0.7;}.grid figcaption {	background: #f1f1f1;	padding: 25px;}/* Slideshow style */.slideshow {	position: fixed;	background: rgba(0,0,0,0.8);	width: 100%;	height: 100%;	top: 0;	left: 0;	z-index: 9999;	opacity: 0;	visibility: hidden;	overflow: hidden;	-webkit-perspective: 1000px;	perspective: 1000px;	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;	transition: opacity 0.5s, visibility 0s 0.5s;}.slideshow-open .slideshow {	opacity: 1;	visibility: visible;	-webkit-transition: opacity 0.5s;	transition: opacity 0.5s;}.slideshow ul {	width: 100%;	height: 100%;	-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-transform: translate3d(0,0,150px);	transform: translate3d(0,0,150px);	-webkit-transition: -webkit-transform 0.5s;	transition: transform 0.5s;}.slideshow ul.animatable li {	-webkit-transition: -webkit-transform 0.5s;	transition: transform 0.5s;}.slideshow-open .slideshow ul {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}.slideshow li {	width: 660px;	height: 560px;	position: absolute;	top: 50%;	left: 50%;	margin: -280px 0 0 -330px;	visibility: hidden;}.slideshow li.show {	visibility: visible;}.slideshow li:after {	content: '';	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background: rgba(255,255,255,0.8);	-webkit-transition: opacity 0.3s;	transition: opacity 0.3s;}.slideshow li.current:after {	visibility: hidden;	opacity: 0;	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;	transition: opacity 0.3s, visibility 0s 0.3s;}.slideshow figure {	width: 100%;	height: 100%;	background: #fff;	border: 50px solid #fff;	overflow: hidden;}.slideshow figcaption {	padding-bottom: 20px;}.slideshow figcaption h3 {	font-weight: 300;	font-size: 200%;}/* Navigation */.slideshow nav span {	position: fixed;	z-index: 1000;	color: #59656c;	text-align: center;	padding: 3%;	cursor: pointer;	font-size: 2.2em;}.slideshow nav span.nav-prev,.slideshow nav span.nav-next {	top: 50%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);}.slideshow nav span.nav-next {	right: 0;}.slideshow nav span.nav-close {	top: 0;	right: 0;	padding: 0.5em 1em;	color: #fff;}/* Info on arrow key navigation */.info-keys {	position: fixed;	top: 10px;	left: 10px;	width: 60px;	font-size: 8px;	padding-top: 20px;	text-transform: uppercase;	color: #fff;	letter-spacing: 1px;	text-align: center;}.info-keys:before,.info-keys:after {	position: absolute;	top: 0;	width: 16px;	height: 16px;	border: 1px solid #fff;	text-align: center;	line-height: 14px;	font-size: 12px;}.info-keys:before {	left: 10px;	content: "\e603";}.info-keys:after {	right: 10px;	content: "\e604";}/* Example media queries (reduce number of columns and change slideshow layout) */@media screen and (max-width: 60em) {	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */	.grid li {		width: 33.3%;	}	.slideshow li {		width: 100%;		height: 100%;		top: 0;		left: 0;		margin: 0;	}	.slideshow li figure img {		width: auto;		margin: 0 auto;		max-width: 100%;	}	.slideshow nav span,	.slideshow nav span.nav-close {		font-size: 1.8em;		padding: 0.3em;        color: #59656c;	}	.info-keys {		display: none;	}    }@media screen and (max-width: 35em) {	.grid li {		width: 50%;	}}@media screen and (max-width: 24em) {	.grid li {		width: 100%;	}}/*：非源码,演示用的代码。源代码唯一下载地址: http://www.bootstrapmb.com/item/100。（此备注只出现在演示站，下载的源码不包含。）*/