@charset "utf-8";

.vicon::before {
    display: block;
    margin:0 0 0 10px;
    font: normal normal normal 1em FontAwesome;   
    text-rendering: auto;
    float: right;  
   padding:2px 0
}

.vicon{display:inline-block;line-height:1em;}

.vtTitle{font-size:2em;line-height: 1em}

.outer.lazyload {opacity: 0}
.vWrap{width:100%;clear:both;margin:10px auto;padding:0;display:flex;}
.vWrap img{vertical-align: bottom; max-width:100%}
.outer{max-width:100%;height: auto;display: flex;flex-direction: column}
.vPlay{background:url('../img/lightbox-play.png') no-repeat center center;position: absolute;width:100%;height:100%;transition: all .3s;top:0;left:0;display: flex;opacity: 1}
.vPlay:hover{opacity: .5}
.vLink{max-width:100%;font-size:1.5em;text-decoration: none;display:flex;text-align: center;flex-wrap: wrap;opacity: .9;transition: all .3s}
.vLink:hover{text-decoration: none;opacity: 1 !important}
.vLink p, .vinfo p{margin: auto !important;width: auto}
.load{margin:0;background:#fff url('../img/loading.png') no-repeat center center;position: relative;float: left;max-width: 100%;height:auto;min-height: 50px;border:1px solid #ddd;padding: 2px}
.vinfo{padding:5px;clear: both;margin: 0}
.outer.lazyloaded, .vinfo.lazyloaded {opacity: 1;transition: all .3s}
.html5-title{padding-left: 10px}
#ccm-tab-content-tips a{text-decoration: underline}

@media (max-width: 480px) {
.vtTitle,.vText{max-width:100%;font-size:1.2em}
.vtTitle{line-height: 1em}
.Tbutton{padding: 5px !important}
}