.widget_review01 {position:relative;padding:0; text-align:center; margin-top:50px}
.widget_review01 ul{ margin:0; padding:0; list-style:none; }
.widget_review01 li{ position:relative; padding:15px 0; margin:10px;  vertical-align:top; *zoom:1; display:inline-block;  background-color:#fff; padding:35px; width:315px; height:400px; -moz-box-shadow:0 0 10px #cfcfcf; -webkit-box-shadow:0 0 10px #cfcfcf;}
.widget_review01 li a {}
.widget_review01 li:after{ content:""; display:block; clear:both;}
.widget_review01_cont { text-align:left}
.widget_review01 a{ text-decoration:none; cursor:pointer;}
.widget_review01 a strong{ display:inline-block; margin:0 0 4px 0; color:#1c1c1c; font-size:24px; text-align:left}
.widget_review01 .thumb{ width:100%; display:inline-block; margin:0}
.widget_review01 .thumb img{ border:0; display:block; width:100%; height:215px;}
.widget_review01 p{ margin:15px 0 0 0; line-height:1.4; color:#767676; font-size:15px;}
.cat_date  { position:relative; height:50px; font-size:15px; }
.cat_date .cat { text-align:left; position:absolute; left:0; top:10px;font-weight:500}
.cat_date .date { text-align:right; position:absolute; right:0; top:10px; font-weight:300; color:#5f5f5f}


/*-------------------- AniClass --------------------*/
.lineAni{display:inline-block;position:absolute;top:0;left:0;z-index:0;width: calc(100% - 0px);height: calc(100% - 0px);overflow:hidden;}
.lineAni_top{content:'';display:inline-block;position:absolute;z-index:1;top: 0;left: 0;width:0%;height:3px;background:#673a23;opacity:0;transition:all .5s ease-out;}
.lineAni_bottom{content:'';display:inline-block;position:absolute;z-index:1;bottom: 0;left: 0;width:0%;height:3px;background:#673a23;
background: -moz-linear-gradient(left,  #673a23 30%, #673a23 100%);
background: -webkit-linear-gradient(left,  #673a23 30%, #673a23 100%);
background: linear-gradient(to right,  #673a23 30%,#673a23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673a23', endColorstr='#8e110b',GradientType=1 );
opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_top,.lineAni:hover .lineAni_top{width:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_bottom,.lineAni:hover .lineAni_bottom{width:100%;opacity:1;transition:all .5s ease-in-out;}
.lineAni_right{content:'';display:inline-block;position:absolute;z-index:1;top: 0;right: 0;width:3px;height:0%;background:#673a23;;
background: -moz-linear-gradient(top,  #673a23 30%, #673a23 100%);
background: -webkit-linear-gradient(top,  #673a23 30%,#673a23 100%);
background: linear-gradient(to bottom,  #673a23 30%,#673a23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673a23', endColorstr='#8e110b',GradientType=0 );
opacity:0;transition:all .5s ease-out;}
.lineAni_left{content:'';display:inline-block;position:absolute;left: 0;z-index:1;width:3px;height:0%;background:#673a23;opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_right,.lineAni:hover .lineAni_right{height:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_left,.lineAni:hover .lineAni_left{height:100%;opacity:1;transition:all .5s ease-in-out;}

