Borda nas imagens com efeito hover

Oi gente ! 
Tudo boom com vocês ?! Espero que sim ; )
Hoje trouxe um tutorial que deixa o blog super Cute;

É  bordas arredondadas nas imagens do blog,e olha que é em hover

Esse tutorial encontrei no blog  Bubble Explosion 

Então todos os meus devidos créditos a eles !

Okay,vamos conferir ? >>

Primeiramente vá em Editar HTML >> e procure por: ]]></b:skin>

Depois cole o seguinte código abaixo >>

.main img {

border: 3px solid  #FF1493 ; /*cor e tamanho da borda*/

-webkit-transition-duration: .70s; */ Efeito fade */

}

.main img:hover {

border: 3px solid #FF69B4; /*cor e tamanho da borda hover*/

-webkit-transition-duration: .70s; */ Efeito fade */

}

Beem,é isso !
Fica super cute !
Qualquer dúvida comente nesse post >>
Bjolls e fica com Papai do céu ; **