/*hover 2017.01.18 增加动画beat*/
.C-LINE,.C-WH,.C-H,.B-T{ position: relative; width: 100%; height: 100%; z-index:1; }
.C-LINE:before,.C-WH:before,.C-H:before,.B-T:before,.L-R:before{transition:0.3s ease 0s; position: absolute; content: ''; z-index:-1;}
.C-LINE:before {left: 50%; height: 3px; background: #d82128; bottom: 0; width: 0;  }
.C-LINE:hover:before { left: 0; width: 100%; }
.C-WH:before { background: #d82128; top: 50%; left: 50%; width: 0%; height: 0%; opacity: 0; }
.C-WH:hover:before { left: 0; top: 0; width: 100%; height: 100%; opacity: 1; }
.C-H:before{width:100%; height:0; background:#000; left:0; top:50%; }
.C-H:hover:before{height:100%; top:0;}
.B-T:before{ width:100%; height:0; background:#000; bottom:0; left:0;}
.B-T:hover:before{height:100%;}
.L-R { position: relative; width: 100%; height: 100%; z-index: 1; }
.L-R:before {  left: 0; width: 0; top: 0; height: 100%; background: #eb6100;}
.L-R:hover:before { width: 100%; };
.scale:hover img { transform: scale(1.1); }
.beat1:hover img,.beat2:hover{transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }
@keyframes beat { 0%, 100% {transform: scale(1, 1);} 25% {transform: scale(0.9, 1.1);} 50% {transform: scale(1.1, 0.9);} 75% {transform: scale(0.95, 1.05);}}