css - ボーダーのシンプルな色のフェード

Question

何が間違っているのかわかりませんが、ホバーするとdivの境界線を1つの色から次の色にフェードさせようとしています..これが私が持っているものです

.box {
background: #212121;
border: 1px solid #464646;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}

.box:hover{
border: 1px solid #f72c73;
}

私は何を間違えましたか？