/*hover 2017.01.15 新增效果WH-LINE*/
.C-LINE,.C-WH,.C-H,.B-T,.WH-LINE{ 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); }
.WH-LINE:before,.WH-LINE:after{ opacity:0; box-sizing:border-box; content:'';width:0; height:0; position:absolute; }
.WH-LINE:before{top:-1px; left:-1px; border-top:1px solid #d82128; border-right:1px solid #d82128; transition:height 0.3s linear 0.6s, width 0.3s linear 0.9s,opacity 0s linear 1.2s;}
.WH-LINE:after{bottom:-1px; right:-1px; border-bottom:1px solid #d82128; border-left:1px solid #d82128; transition:height 0.3s linear 0s,width 0.3s linear 0.3s,opacity 0s linear 0.6s;}
.WH-LINE:hover:before,.WH-LINE:hover:after{width:calc(100% + 2px); height:calc(100% + 2px);opacity:1; }
.WH-LINE:hover:before{transition:width 0.3s linear 0s, height 0.3s linear 0.3s; }
.WH-LINE:hover:after{transition:width 0.3s linear 0.6s, height 0.3s linear 0.9s;}