@charset "utf-8";

.vLeft{margin-right: auto}

.vCenter{margin: 0 auto}

.vRight{margin-left: auto}

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

.vicon{display:inline-block;line-height:1em;padding: 0 5px 0 5px}

.vtTitle{font-size:1.6em;line-height: 1.2em}

.Tbutton{padding: 0 5px}

.outer.lazyload {opacity: 0}
.vWrap{width:100%;clear:both;margin: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: .8;transition: all .3s;border: 1px solid transparent}
.vLink:hover{text-decoration: none;opacity: 1 !important}
.vLink p, .vinfo p{margin: auto !important;width: auto;padding: 0}
.vload{margin:auto;background:#fff url('../img/loading.png') no-repeat center center;position: relative;max-width: 100%;height:auto;min-height: 50px;padding: 5px;border: 1px solid #ddd}
.vinfo{padding:5px 5px 0 5px !important;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}
}