/* ***** Videos ***** */
.gallery {overflow:hidden;}
.gallery .feat {float:left; width:25%; margin-top:35px;}
.gallery .feat .farea {margin:0px 10px;}
.gallery .feat .farea a {display:block; position:relative; max-width:397px; margin:0px auto;}
.gallery .feat .farea a .bg {background:url(/images/5/bg-hover.png); width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0; transition:0.5s;}
.gallery .feat .farea a .icon {background:url(/images/5/hover-icon.png) center no-repeat; width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0; transition:0.5s;}
.gallery .feat .farea a:hover .bg {opacity:1; transition:0.5s;}
.gallery .feat .farea a:hover .icon {opacity:1; transition:0.5s;}
.gallery .feat .farea .title {display:block; text-align:center; color:#28345e; font-weight:700; font-size:24px; margin-top:20px; min-height:96px;}

.res1810 .gallery {margin-bottom:40px;}
.res1810 .gallery .feat .farea {margin:0px auto; max-width:397px;}
.res1810 .gallery .feat .farea .title {min-height:64px;}

.res940 .gallery .feat .farea {margin:0px 5px;}

.res720 .gallery .feat {width:50%;}
.res720 .gallery .feat .farea .title {font-size:22px; min-height:56px;}
.res720 .bottom {margin-top:0px;}

.res480 .gallery .feat {width:auto; float:none;}
.res480 .gallery .feat .farea {margin:0px auto; max-width:397px;}
.res480 .gallery .feat .farea .title {font-size:22px; min-height:auto;}
.res480 .bottom {margin-top:0px;}

.res320 .gallery .feat {width:auto; float:none;}
.res320 .gallery .feat .farea {margin:0px auto; max-width:397px;}
.res320 .gallery .feat .farea .title {font-size:20px; min-height:auto;}
.res320 .bottom {margin-top:0px;}