.content .inr{position:relative;}

.content a.btn_plus{display:inline-block; position:absolute; right:0; top:0; width:108px; height:40px; border:1px solid #fff; text-align:left; transition:all 0.2s ease-out 0s;}

.content.product a.btn_plus{border:1px solid #ddd;}

.content a.btn_plus em{ font-size:14px; letter-spacing:-0.025em; font-weight:500; color:#727272; position:absolute; left:22px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:70;}

.content a.btn_plus:after{content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#000; transition:all 0.2s ease-out 0s;}
.content a.btn_plus:hover:after{width:100%;}

.content a.btn_plus > span > i{ transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; }
.content a.btn_plus:hover > span > i{opacity:0.5; z-index:70; background:#fff;}
.content a.btn_plus > span > i:nth-child(1){display:inline-block; position:absolute; top:50%; margin-top:-5px; right:22px; width:1px; height:11px; background:#aaa;}
.content a.btn_plus > span > i:nth-child(2){display:inline-block; position:absolute; top:50%; right:22px; margin-right:-5px; width:11px; height:1px; background:#aaa;}
.content a.btn_plus:hover{border:1px solid #000;}

@media all and (max-width: 480px){
  .content a.btn_plus{width:22px; height:22px;}
  .content a.btn_plus em{display:none;}

  .content a.btn_plus > span > i:nth-child(1){right:10px;}
  .content a.btn_plus > span > i:nth-child(2){right:10px;}
}