/*
Theme Name: Holykrap
Theme URI: http://holykrap.com/
Description: Holykrap定制主题
Author: Alex Lau
Version: 1.3
License: GNU General Public License
License URI: license.txt
 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* { margin: 0 ; padding: 0 ;}
html { height: 100%; overflow-x:hidden ; }
img { border: 0 none; -ms-interpolation-mode: bicubic; vertical-align:bottom }
body { position: relative ; border: 0px; height: 100%; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;  background:url(images/color-bg-gray-2.jpg) 0px 100px  no-repeat ;}
td { background: transparent; border: 0px; margin: 0px; padding: 0px; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; }
ul { list-style-type: none; /* naturally. */ margin: 0; padding: 0;  }
form { margin:0; padding: 0; }
a { -moz-outline:none; text-decoration: none ;  } 
a, a:hover, a:visited, a:active {
   border:none !important;
   outline:none !important;
}
.clear { clear: both; line-height: 0; height: 0; }
::selection { background:#FFFF00; color: #000000; text-shadow: none; }

 


header {
	position: absolute ;
	z-index: 100 ;
}
header .logo {
	float: left ;
	position: relative ;
	width: 19% ;
	height: 100% ;
	z-index: 3333 ;
}
header .nav {
	float: left ;
	position: relative ;
	width: 81% ;
	height: 100% ;
	font-size: 1em ;
}
header .logo .trans-bg {
	position: absolute ;
	z-index: 0;
	width: 100% ;
	height: 100% ;
	background-color:#00CCFF ;
	border-radius: 10px 0px 0px 8px;
	opacity: 0.5 ;
	behavior: url(PIE.htc);
	-pie-background:rgba(1, 204, 255, 0.5);
}
 
 
header .logo .content{
	position: absolute ;
	left: 0 ;
	top: 0 ;
	width: 100% ;
	height: 100% ;
	z-index: 888 ;
}
header .logo .content .logo-image {
	position: absolute ;
	left: 7% ;
	bottom: 7% ;
}

header .nav .trans-bg {
	width: 100% ;
	height: 100% ;
	background-image:url(images/bg-stripes.png);
	behavior: url(PIE.htc);
	border-radius: 0px 10px 8px 0px;
	position: absolute ;
	left: 0 ;
	top: 0 ;
}
header .nav .content {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	width: 100% ;
	height: 100% ;
	z-index: 888 ;
}
header .nav .content li {
	float: left ;
	margin-left: 25px ;
	line-height: 100% ;
}
header .nav .content li a {
	color: #000000 ;
	font-size: 22px ;
	font-family: custom-font-1 ;
	behavior: url(PIE.htc);
	text-shadow: 1px 1px 0px rgb(1, 204, 255) ;
}
header .nav .content li a.hover {
	color:#FFFF00;
	text-shadow: 1px 1px 0px rgb(0, 0, 0) ;
}
header .nav .content li a:hover {
	color:#FFFF00;
	text-shadow: 1px 1px 0px rgb(0, 0, 0) ;
}
.no-textshadow header .nav .content li a.shadow {
	color:#00CCFF ;
}
.no-textshadow header .nav .content li a.shadow.hover {
	color:#000 ;
}
.no-textshadow header .nav .content li a:hover {
	color:#FFFF00 ;
}
.no-textshadow header .nav .content li:hover a.shadow {
	color:#000 ;
}
header .search {
	float: right ;
	margin-right: 2% ;
	height: 100% ;
 
}
header .search input {
	float: left ;
	border: 1px solid #000000 ;
	padding: 0 ;
	line-height: 20px ;
	margin: 0 ;
	height: 20px ;
	display: block ;
}
header .search .search-input {
	opacity: 0.5 ;
	filter:alpha(opacity=50) ;
	font-size: 13px ;
	 
}
header .search .search-input:hover {
	opacity: 1 ;
	filter:alpha(opacity=100) ;
	border: 1px solid #FFFF00 ;
	 
}
header .search .search-input:focus {
	opacity: 1 ;
	filter:alpha(opacity=100) ;
	border: 1px solid #FFFF00 ;
}
header .search .search-button {
	background-color:#000 ;
	border-radius: 0px 10px 10px 0px;
	behavior: url(PIE.htc);
	-pie-background:rgba(0, 0, 0, 1);
	font-size: 15px;
	font-family: league-gothic-1 ;
	margin-left: -1px ;
	opacity: 1;
	cursor: pointer ;
	color:#00CCFF ;
}
 
header .search .search-button:hover {
	background-color:#FFFF00;
	border: 1px solid #FFFF00 ;
	color:#000000 ;
	-pie-background:rgba(255, 255, 0, 1);
}

#slides {
	position: relative ;
}
#slides .pagenav{
	position: absolute ;
	bottom: 20px ;
	left: 20px ;
	width: 40px ;
	z-index: 100 ;
}
#slides .pagenav li {
	float: left ;
	margin-left: 2px ;
	margin-top: 2px ;
	text-align: center ;
	line-height: 10px ;
	width: 10px ;
	height: 10px ;
	color:#999999 ;
	border-radius: 4px 4px 0px 4px;
	background:#ffffff ;
	opacity: 0.5 ;
	behavior: url(PIE.htc);
	-pie-background: rgba(255,255,255, 0.5) ;
}
#slides .pagenav li:hover  {
	background:#00CCFF ;
	opacity: 0.7 ;
	-pie-background: rgba(0,204,255, 0.7) ;
}
#slides .pagenav li.current {
	background:#00CCFF ;
	opacity: 0.7 ;
	-pie-background: rgba(0,204,255, 0.7) ;
}
#slides .pagenav li a {
	width: 10px ;
	height: 10px ;
	display:block ;
}
.slides_container {
	position: relative ;
	z-index: 0 ;
	width: 100% ;
}
.slides_container li {	
	width: 100% ;
	position:relative ;
	background: transparent ;
}
.slides_container .caption {
	position: absolute ;
	left: 1700px ;
	bottom: 40px ;
	height: 40px ;
	width: 650px ;
	 
}
.slides_container .caption .trans-bg {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	z-index: 0 ;
	width: 100% ;
	height: 100% ;
	opacity: 0.7 ;
	border-radius: 6px 0px 0px 6px ;
	background:#000000 ;
	behavior: url(PIE.htc);
	-pie-background: rgba(0, 0, 0, 0.7);
}
 
.slides_container .caption .content {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	z-index: 20 ;
	width: 100% ;
	height: 100% ;
	padding-left: 20px ;
}
.slides_container .caption .content h2 {
	display: inline ;
	margin-right: 35px ;
	font-family:   custom-font-1 ;
	font-style: italic ;
	font-size: 36px ;
	color:#000 ;
}
.slides_container .caption .content h2 a {
	color:#fff ;
}
.slides_container .caption .content h2 a:hover {
	color:#33CCCC;
}
 




.headWrap {
	overflow: hidden ;
}
.blog-list-wrap {
	width: 100% ;
	margin: auto ;
	background:url(images/color-bg-gray-2.jpg) no-repeat ;
	background-color: #FFFFFF ;
	position: relative ;
	z-index: 600 ;
}
.wrapper-blog-list {
	padding-bottom: 50px ;
	position: relative ;
 
}
.blog-list {
	width: 101% ;
 
}
.filters {
	font-family: custom-font-1,serif;
	font-size: 15px ;

	color:#333333 ;
	margin: 0 ;
	padding: 0 ;
	margin-left: 15px ;
}
.filters dt,.filters dd {
	float: left ;
	margin: 0px 0px 0px 15px ;
	
	z-index: 10 ;
	position: relative ;
}
.filters dt {
	padding: 3px 3px;
	color:#666666 ;
 
	margin-left: 0 !important;
}
.filters dd {
	margin-left: 20px ;
	padding: 3px 3px ;
	cursor: pointer ;
 
} 
.filters dd.hlk-filter {
	background:#000000 ;
	color:#00CCFF ;
	-pie-background: rgba(0, 0, 0, 1);
	padding-left: 5px !important;
	padding-right: 5px !important;
	behavior: url(PIE.htc);
	border-radius: 3px 3px 3px 3px ;
}
.filters dd.more-filter {
	float: right ;
	margin-right: 20px ;
}
.filters .category dd:hover {	
	text-decoration: none ;
	-pie-background: rgba(255, 255, 0, 1);
	background: #ffff00 ;
	color:#000000 ;
	behavior: url(PIE.htc);
	border-radius: 3px 3px 3px 3px ;
	 
}
.filters .category dd.hover {
	text-decoration: none ;
	-pie-background: rgba(255, 255, 0, 1);
	background: #ffff00 ;
	color:#000000 ;
	behavior: url(PIE.htc);
	border-radius: 3px 3px 3px 3px ;
	 
}
.filters dd.filters-bg {
	/*
	position: absolute ;
	width: 1225px ;
	height: 30px ;
	top: 10px ;
	left: 0 ;
	z-index: 0 ;
	background:#999999 ;
	
	margin-left: 15px ;
	opacity: 1 ;
	/*
	border-bottom: 1px solid #888 ;
	border-top: 1px solid #fff ; 
	*/
	/*
	behavior: url(PIE.htc);
	-pie-background: rgba(255,255,255, 0.3) ;
	border-radius: 8px ;
	*/
}
.blog-list li{
	float: left ;
	position: relative ;
	cursor: pointer ;
	margin-bottom: 15px ;
	margin-left: 15px ;
	padding: 6px ;
	position: relative ;
 
}

.thumb-bg {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	background:rgb(106,219,254);
	width: 100% ;
	height: 100% ;
	z-index: 0 ;
	opacity: 1 ;
	border-radius: 0px 0px 5px 5px;
	behavior: url(PIE.htc);
	-pie-background: rgba(106,219,254, 1) ;
}
.blog-list li:hover .thumb-bg {
	background:rgb(255,255,0);
}
.blog-list li:hover .post-words {
	color: #000000 ;
}
.blog-list li:hover .post-title {
	color:#000000 ;
	border-top: 1px solid #FFCC33;
}

.post-thumbnail {
	position: relative ;
	z-index: 10 ;
	width: 100% ;
	height: auto ;
	font-size: 13px ;
	font-style: italic ;
	
}
.post-words {
	display:block ;
	margin-bottom: 6px ;
	margin-top: 5px ;
	text-decoration: underline ;
	color:#000000;
}
.post-thumbnail img {
	display: block ;
}
.post-info {
	position: relative ;
	z-index: 100 ;
	font-size: 12px ;
	color:#000000 ;
}
.post-info .post-date{
	margin-top: 5px ;
}
.post-info span {
	font-size: 12px ;
	color:#006699;
}
.post-info .post-title {
	border-top: 1px solid #00CCFF ;
	margin-top: 3px ;
	padding-top: 3px ;
	font-size: 12px ;
 
	
 
}
.post-info .post-title a {
	color:#000000;
	font-weight: bold ;
}
.blog-list li.plain-text:hover  .post-thumbnail .post-title {
	border-top: none ;
	font-style:normal;
}
.blog-list li.plain-text .post-thumbnail .post-title a{
	font-style:normal;
	 
	margin: 5px 0px ;
	color:#000000 ;
	font-weight: bold ;
}



#map {
	width: 100% ;
	height: 500px ;
}





/*loading*/
#easyNotification {
	height: 30px ;
	line-height: 30px ;
	background:#FFFF99 ;
	color:#000000 ;
	font-size: 13px ;
	position:fixed ;
	bottom: 0px ;
	width: 100% ;
	z-index: 30000 ;
	text-align: center ;
	display: none ;
}
#easyNotification .close {
	position: absolute ;
	height: 30px ;
	line-height: 30px ;
	right: 20px ;
	top: 0px ;
	color:#000000 ;
	cursor: pointer ;
 
}
#loading {
	display: none ;
	position:fixed ;
	width: 100% ;
	padding: 10px 10px ;
	background:#000 ;
	bottom: 0px ;
	text-align: center ;
	font-size: 30px ;
	color:#FFFF00;
 
	opacity: 0.9 ;
	filter:alpha(opacity=90);
	 
	z-index: 20000 ;
	font-family: custom-font-1 ;
}
#tips {
	position:fixed ;
	padding: 5px 5px  ;
	background:#FFFF99 ;
	width: 100% ;
	color:#000 ;
	bottom: 0px ;
	right: 0px ;
	z-index: 2000;
	font-size: 12px ;
	opacity: 1 ;
	text-align: center ;
	cursor: pointer ;
}

.slide-panel {
	display:none; 
	position:absolute ; 
	z-index:10001 ;
	background:#FFFFFF ;
	height: 30000px ;
	left: -600px ;
	top: 0px ;
	width: 600px ;
	border-right: 1px solid #999999;
 
}
.slide-panel .trans-bg {

}
.slide-panel .content {
	
}
.slide-bg {
	z-index:9000;
	display:none;
	background-color:#fff; 
	position: absolute ;
	opacity:0 ;
	filter:alpha(opacity=50) ;
	background-image:url(images/bg-stripes.png);
}
.slide-bg-no-image {
	background-image: none !important ;
	background-color:#000000 ;
}
.slide-button {
	position: absolute ;
	top: 0px ;
 
	right: -50px ;
	width: 50px ;
	text-align: center ;
	font-size: 20px ;
}
.slide-button li{
	margin-bottom: 2px ;
}
.slide-button li a{
	display: block ;
	padding: width: 30px ;
	padding: 10px ;
	font-size: 14px ;
	background:#00CCFF ;
	color:#fff ;
}
.slide-button li a:hover {
	background:#ffff00 ;
	color:#000000 ;
}



/*产品*/
#slidesWrap {
	overflow: hidden ;
 
}
#products {
	width: 100%;
	background-color:#000 ;
	overflow: hidden ;
	display: none ;
}
.product-list {
	background:#000;
	width: 100% ;
	height: 100% ;
	overflow: hidden ;
}
.product-viewport {
	 
	margin: auto ;
	height: 450px;
	position: relative ;
	overflow: hidden ;
}
.round-corner-lt,.round-corner-lb,.round-corner-rt,.round-corner-rb{
	position: absolute ;
	width: 10px ;
	height: 10px ;
	background-image: url(images/arrow.png);
}
.round-corner-lt {
	top: 0px ;
	left: 0px ;
	background-position: 0px -112px ;
}
.round-corner-rt {
	top: 0px ;
	right: 0px ;
	background-position: -12px -112px ;
}
.round-corner-lb {
	bottom: 0px ;
	left: 0px ;
	background-position: -0px -123px ;
}
.round-corner-rb {
	bottom: 0px ;
	right: 0px ;
	background-position: -12px -123px ;
}
.page-nav-left,.page-nav-right {
	position: absolute ;
	background-image: url(images/arrow.png);
	top: 200px ;
	width: 43px ;
	height: 54px ;
	opacity: 0.6 ;
	cursor: pointer ;
}
.page-nav-left {
	left: 0px ;
	background-position: -43px 0px ;
}
.page-nav-left:hover {
	background-position: 0px 0px ;
	opacity: 0.8 ;
}
.page-nav-right {
	right: 0px ;
	background-position: 0px -54px ;
	opacity: 0.8 ;
}
.page-nav-right:hover {
	right: 0px ;
	background-position: -43px -54px ;	
}
.product-list ul{
	height: 100% ;
}
.product-list li {
	float: left ;
	display: inline ;
	width: 250px ;
	height: 100% ;
	margin-right: 2px ;
	background:#666666 ;
	cursor: pointer ;
	 
}
.product-list img {
	width: 250px ;
	height: 450px ;
}
.product-detail {
	position: relative ;
	height: 40px ;
	bottom: 0 ;
	width: 100% ;
}
.product-detail .trans-bg {
	background:#00CCFF;
	opacity: 0.8 ;
	width: 100% ;
	height: 100% ;
	left: 0 ;
	top: 0 ;
	position: absolute ;
}
.product-detail h1 {
	font-size: 20px ;
	color:#FFFFFF ;
	font-family: 'league-gothic-1' ;
}
.product-detail .content {
	position: absolute ;
	top: 0px ;
	z-index: 100 ;
	padding: 10px ;
	line-height: 1.5em ;
}
.product-detail p {
	font-size: 13px ;
	color:#FFFFFF ;
	
}
.product-category {
	margin: auto ;
	margin-top: 10px ;
	height: 50px ;
}
.product-category li {
	float: right ;
	line-height: 30px ;
	margin-left: 15px ;
}
.product-category li a{
	font-size: 28px ;
	color:#fff ;
	font-family: 'league-gothic-1' ;
}
.product-category li a:hover {
	color:#00CCFF ;
	text-decoration: underline ;
		}
.product-category li a.hover {
	color:#00CCFF ;
	text-decoration: underline ;
}



.product {
	padding: 20px ;
}
.product h1.entry-title {
	font-size: 28px ;
	color:#0099FF ;
	font-family: 'league-gothic-1' ;
	border-bottom: 1px solid #0099FF  ;
	margin-bottom: 15px ;
}
.featured {
	padding: 20px ;
}
.featured h1.entry-title {
	font-size: 20px ;
	color:#0099FF ;
	font-family:Arial, Helvetica, sans-serif ;
	border-bottom: 1px solid #0099FF  ;
	margin-bottom: 15px ;
}

#about {
	position: absolute ;
	left: 0px ;
	top: 0px ;
	color: #FFFFFF ;
	font-size: 13px ;
	z-index: 90000 ;
	width: 100% ;
	height: 100% ;
	padding: 20px ;
	display: none ;
}
 
#about h1 {
	font-family: 'league-gothic-1' ;
	font-size: 25px ;
	margin-bottom: 5px ;
	color:#00CCFF ;
 
}
#about p {
	line-height: 2em ;
	margin-bottom:5px ;
	
}
#about p.en {
	
	 
}
#about .mod {
	float: left ;
	width: 450px ;
	margin-right: 20px ;
	margin-top: 20px ;
	margin-left: 10px ;
	padding-right: 20px ;
	border-right: 1px solid #333333;
	height: 400px ;
}
#about .contact{
	 
}
#about .contact input{
	width: 350px ;
}
#about .contact textarea {
	width: 450px ;
	height: 150px ;
}
#about .contact input.submit {
	width: 80px ;
}
#about .contact span{
	display: block ;
	margin-top: 10px ;
}
#about .contact p {
	margin-bottom: 10px ;
}
#about .close-about {
	position: absolute ;
	top: 40px ;
	right: 0px ;
	text-align: center ;
	line-height: 25px ;
	font-size: 18px ;
	background:#00CCFF ;
	width: 25px ;
	height: 25px ;
	color:#fff;
	cursor: pointer ;
	border-radius: 5px 0px 0px 5px ;
	z-index: 100000 ;
}
#about .close-about:hover {
	background:#FFFF00 ;
	color:#000000 ;
}




#search {
	width: 100% ;
	background:#000000 ;
	display: none ;
	font-family: Arial, Helvetica, sans-serif !important ;
}
.search-title{
	margin: auto ;
	width: 300px ;
	background:#000000 ;
	height: 40px ;
	line-height: 40px ;
	display: none ;
	font-size: 15px ;
	text-align: center ;
	border-radius: 0px 0px 5px 5px ;
 
}
.search-result-detail{
	color:#ffffff;
}
.close-search {
	cursor: pointer ;
	color:#00CCFF ;
	font-weight: bold ;
}
.close-search:hover {
	color:#FFFF00 ;
}




#maps {
	width: 100% ;
	color:#00CCFF ;
	padding-bottom: 30px ;
	position: relative ;
 
	overflow: hidden ;
 
	font-size: 25px ;
	background:url(images/pb.jpg) ;
	display: none ;
}
#maps .mod{
	margin-top: 20px ;
	position: relative ;
	z-index: 3000;
}
#maps .mod-list {
	margin: auto ;
 
	padding: 20px ;
	padding-top: 0px ;
	position: relative ;
}
#maps .mod-list .trans-bg {
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 100% ;
	height: 100% ;
	background:#000000;
	opacity: 0.8 ;
	z-index: 2999 ;
	border-radius: 10px 10px 10px 10px ;
}
#maps .mod li {
	float: left ;
	margin-right: 20px ;
	width: 130px ;
	overflow: hidden ;
	line-height: 30px ;
	height: 30px ;
}
#maps .mod li a {
	color:#00CCFF ;
	 
	font-family: 'league-gothic-1','黑体' ;
}
#maps .mod li a:hover {
	color:#FFFF00 ;
	text-decoration: underline ;
}
#maps .mod li a.hover {
	color:#FFFF00 ;
	text-decoration: underline ;
}
#maps .mod h1{
	font-family: 'custom-font-1' ;
	color:#FFFFFF;
	margin-bottom: 5px ;
	font-size: 20px ;
}

.tips-wrap {
	position: relative !important;
}
.post-edit-link {
	 
	position: absolute !important;
	top: 0px !important;
	left: 0px  !important;
	padding: 10px !important;
	font-size: 15px !important;
	font-family:Arial, Helvetica, sans-serif  !important;
	background:#FFFF00  !important;
	color:#000000  !important;
	z-index: 9000 ;
}
.tips-wrap:hover .post-edit-link {
	 
}

a.fast-scroll {
	position: fixed ;
	display: none ;
	right: 0 ;
	bottom: 40px ;
	height: 40px ;
	width: 100px ;
	text-align: center ;
	line-height: 40px ;
	background: #FFFF00 ;
	font-size:15px ;
	font-weight: bold ;
	color:#000000 ;
	z-index: 3000 ;
	border-radius: 5px 0px 0px 5px ;
	behavior: url(PIE.htc) ;
	cursor: pointer ;
}
a.fast-scroll:hover {
	background:#000 ;
	font-size:15px ;
	color:#FFFF00 ;
}



 




/* ajax artice */
.source .source-info {
	width: 580px ;
	padding: 10px ;
	border-bottom: 1px solid #cccccc ;
	 
	position: relative ;

}
.source-content {
	width: 580px ;
	padding: 10px ;
 
	z-index: 1 ;
	overflow: hidden ;
	background:#eee ;
}
.source-content h2 {
	font-size: 25px ;
	font-weight: bold ;
	font-family:Arial, Helvetica, sans-serif
}
.post-info {
	color:#999999 ;
}
.post-author {
	color:#0066FF ;
}
.post-content {
	margin-top: 20px ;
	font-size: 12px ;
	line-height: 1.5em ;
	
}
.post-content a {
	color:#0066FF ;
	text-decoration:underline ;
}

.source-info li {
	font-size: 12px ;

	float: left ;
	margin-right: 15px ;
}
.source-info li a {
	color:#333333 ;
	display: block ;
	height: 20px ;
}

.source-info li span {
	float: left ;
	height: 20px ;
	line-height: 25px ;
}
.source-info li span.icon {
	float: left ;
	height: 20px ;
	width: 20px ;
	background-image:url(images/bg_icons.png) ;
	margin-right: 5px ;
}
.source-info li.icon_home  span.icon{
	background-position: -0px -23px ;
}
.source-info li.icon_original  span.icon{
	background-position: -21px -23px ;
}
.source-info li.icon_comment   span.icon{
	background-position: -46px -23px  ;
}
 
.source-info li.icon_home a:hover  span.icon{
	background-position: 0px 0px ;
}
.source-info li.icon_original a:hover span.icon{
	background-position: -21px 0px ;
}
.source-info li.icon_comment a:hover span.icon{
	background-position: -46px 0px ;
}
.source-info li.icon_translate   span.icon{
	background-position: -67px 0px ;
}
.source-info li.icon_translate a {
	color:#FF9900 ;
	font-weight: bold ;
}
.source-info li  a:hover  {
	color:#FF9900;
}
.source-info li.title {
	font-style: italic ;
	line-height: 23px ;
}
 

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

/*
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
          transition-duration: 0.3s;
}


*/
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* End: Recommended Isotope styles */

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}