@charset "UTF-8";
/*
	brick
	英 [brIk]   美 [brIk]  
	n.
	砖，砖块;砖块状物体;一砖的厚度;〈口〉大好人
	vt.
	用砖建造、砌或铺;用砖围住或堵住
	adj.
	用砖做的;似砖的
*/
/*晃动特效需要设置宽高*/
@keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;} 22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);} 44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}

/*图片触碰放大class给img*/
.brick_csc3_enlarge{transition: all 1s;}
.brick_csc3_enlarge:hover{transform: scale(1.2);}
/*轻微左右都懂特效*/


/*中间不动，左右上下晃动*/
.brick_csc3_tremble_1{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.brick_csc3_tremble_1:hover{-webkit-animation-name: jello;animation-name: jello;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
/*轻微的左右晃动*/
.brick_csc3_tremble_2:hover {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}