简单的颜色淡化边框

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;
}

我做错了什么？