#imgDisplay {position:absolute;top:0;left:0;
            width:100%;height:100%;padding:100px auto;
            background-color:rgba(0,15,29,0.6);display:none;}
#imgDisplayClose {position:absolute;width:42px;height:42px;
            top:80px;right:0;
            background-image:url("/img/icon/ball_x_gold.svg");cursor:pointer;}
#imgDisplayPreview {position:relative;cursor:ew-resize;display:block;
            background-repeat:no-repeat;background-position:center center;
            border-radius:30px;border-style:none;margin:100px auto 20px auto;background-size:contain !important;}
#imgDisplayPreview > IMG {width:100%;height:100%;}
#imgDisplayPreview:fullscreen {border-radius:0;background-size:contain, cover !important;}
#imgDisplayInfo A, 
#vidDisplayInfo A 
{font-weight:bold;display:block;margin-top:30px;cursor:pointer;}

#imgDisplayInfo A[data-bud="1"]:after, 
#vidDisplayInfo A[data-bud="1"]:after 
{content:'';width:20px;height:20px;margin:-5px 0 0 5px;position:absolute;display:inline-block;background-image:url(/img/icon/escort.png);background-repeat:no-repeat;}

#imgDisplayInfo {position:absolute;width:100%;min-height:70px;
            background-color:rgba(0,47,100,0.8);bottom:0;text-align:center;cursor:pointer;}
#imgDisplayTitle {position:absolute;width:100%;text-align:center;bottom:70px;
            background-color:rgba(0,15,29,0.4);padding:4px;display:none;box-sizing:border-box;}
#imgDisplayLikesContainer {padding: 4px 12px 2px;margin: 26px 0px 0px 26px;display: block;border-style: none;
            background-color:rgba(0,27,52,1);color:#4B7BA5;float: left;clear: both;max-width: 90px;
            text-align: left;border-radius: 20px;height: 20px;background-image: url("/img/icon/heart_blue_outline.svg");
            background-repeat: no-repeat;background-size:13px 13px;background-position: 12px 7px;cursor: pointer;position:absolute;}
#imgDisplayLikesContainer[data-liked="1"], #imgDisplayLikesContainer:hover {color:#FED500;background-image:url("/img/icon/heart_gold.svg");}
#imgDisplayLikesContainer > SPAN {font-size: 13px;margin-left: 15px;min-width: 15px;text-align: right;display: inline-block;
            background-color:transparent;color: inherit;padding-left: 5px;}

#imgDisplayAction {position:absolute;right:15px;margin-top:20px;cursor:pointer;height:27px;}
#imgDisplayAction DIV {width:27px;height:27px;float:right;margin-right:5px;}

#imgDisplayReport {opacity:0.3;
            background-image:url("/img/icon/report.svg");background-repeat:no-repeat;
            background-position:center center;background-size:16px auto;float:right;}

#imgDisplaySave {background-image:url("/img/icon/pin_blue.svg");background-repeat:no-repeat;
            background-position:center center;transform:rotate(45deg);}
#imgDisplaySave:hover {background-image:url("/img/icon/pin_gold.svg");}
#imgDisplaySave[data-save="1"] {background-image:url("/img/icon/pin_gold.svg");transform:none;}

#imgDisplayFilter {background-size:18px auto;
                   background-image:url("/img/icon/filter_blue.svg");background-repeat:no-repeat;background-position:center center;}
#imgDisplayFilter:hover {background-image:url("/img/icon/filter_gold.svg");}

#imgDisplayFullScreen {background-size:18px auto;
                   background-image:url(/img/icon/fullscreen_open.svg);background-repeat:no-repeat;background-position:center center;}
#imgDisplayPreview[data-fullscreen="true"] #imgDisplayFullScreen {background-image:url(/img/icon/fullscreen_end.svg);}


#imgPrev {border:1px solid #4B7BA5;background-color:rgb(0, 56, 99);background-repeat:no-repeat;width:200px;
        height:200px;position:absolute;display:none;margin:0;opacity:1.0;
        box-shadow:3px 3px 3px #000;background-size:contain !important;background-position:center center;}

#vidDisplay {position:absolute;top:0;left:0; bottom:0;
    right:0;
            width:100%;height:100%;
            background-color:rgba(0,15,29,0.6);display:none;}
#vidDisplayClose {position:absolute;width:42px;height:42px;
            top:80px;right:0;
            background-image:url("/img/icon/ball_x_gold.svg");cursor:pointer;}
#vidDisplayPreview {position:relative;cursor:pointer;display:block;
            background-repeat:no-repeat;background-position:center center;
            border-radius:30px;border-style:none;margin:100px auto 20px auto;
            text-align: center;
            background-color:#000F1D;
}

#vidDisplayPreview[data-fullscreen="true"] {border-radius:0;}

#vidDisplayPreview[data-filter="1"] {background-image:url("/img/icon/filter_gold.svg");background-size:100px 100px, contain !important;}
#vidDisplayInfo {position:absolute;width:100%;min-height:70px;
            background-color:rgba(0,47,100,0.8);bottom:0;text-align:center;cursor:pointer;border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;}

#vidDisplayTitle {position:absolute;width:50%;margin:0 25% 0 25%;text-align:center;bottom:10px;
            background-color:transparent;padding:4px;color:rgba(75,123,165,0.9);}
#vidDisplayLikesContainer, #vidDisplayCommentContainer  {padding: 4px 12px 2px;margin: 26px 0px 0px 26px;display: block;border-style: none;
            background-color:rgba(0,27,52,1);color:#4B7BA5;float: left;clear: both;max-width: 90px;
            text-align: left;border-radius: 20px;height: 20px;background-size:13px 13px;background-image: url("/img/icon/heart_blue_outline.svg");
            background-repeat: no-repeat;background-position: 12px 7px;cursor: pointer;position:absolute;}
#vidDisplayCommentContainer{margin-left:96px;background-image: url("/img/icon/comment_blue.svg");background-size:16px 16px;}
#vidDisplayCommentContainer:hover{color:#FED500;background-image: url("/img/icon/comment_gold.svg");}

#vidDisplayLikesContainer[data-liked="1"], #vidDisplayLikesContainer:hover {color:#FED500;background-image:url("/img/icon/heart_gold.svg");}
#vidDisplayLikesContainer > SPAN,#vidDisplayCommentContainer > SPAN
{font-size: 13px;margin-left: 15px;min-width: 15px;text-align: right;display: inline-block;
            background-color:transparent;color: inherit;padding-left: 5px;}
#vidDisplaySave {position:absolute;width:27px;height:27px;right:40px;
            background-image:url("/img/icon/pin_blue.svg");background-repeat:no-repeat;
            background-position:center center;transform:rotate(45deg);margin-top:20px;}
#vidDisplaySave:hover {background-image:url("/img/icon/pin_gold.svg");}
#vidDisplaySave[data-save="1"] {background-image:url("/img/icon/pin_gold.svg");transform:none;}

#vidDisplayReport {position:absolute;width:27px;height:27px;right:70px;opacity:0.3;
            background-image:url("/img/icon/report.svg");background-repeat:no-repeat;
            background-position:center center;background-size:16px auto;cursor:pointer;margin-top:20px;}

#vidDisplayFilter {position:absolute;display:block;width:27px;height:27px;right:10px;background-size:18px auto;
                   background-image:url("/img/icon/filter_blue.svg");background-repeat:no-repeat;background-position:center center;margin-top:20px;}
#vidDisplayFilter:hover {background-image:url("/img/icon/filter_gold.svg");}


#vidDisplayControls {display:none;
	list-style-type:none;
	overflow:hidden;
	background-color:rgba(0,15,29,0.4);
    position:absolute;
    bottom:70px;height:70px;cursor:pointer;
    width:100%;
}

#vidDisplayControls,#vidDisplayControls LI {padding:0;margin:0;background-size:25px 25px;background-position:10px 28px;background-repeat:no-repeat;}
#vidDisplayControls LI EM {float:left;display:block;border-bottom:5px solid #FED500;height:37px;width:48px;color:#FFFFFF;font-weight:normal;}
#vidDisplayControls LI EM:nth-child(3) {border-bottom:5px solid rgba(0,107,212,0.8);}
#vidDisplayControls LI EM:nth-child(2) {border-bottom:20px solid #FED500;height:29px;width:5px;cursor:ew-resize;}
#vidDisplayControls LI EM:nth-child(4) {border-bottom:0px none transparent;height:20px;width:50px;position:absolute;left:205px;top:10px;}
#vidDisplayControls LI EM:nth-child(5) {border-bottom:0px none transparent;height:20px;width:50px;position:absolute;right:55px;top:10px;}
#vidDisplayControls LI EM:nth-child(6) {border-bottom:0px none transparent;height:5px;width:0px;position:absolute;top:37px;right:52px;background-color:rgba(255,255,255,0.4);}
#vidCover {position:absolute;width:100%;height:100%;left:0;top:0;}
#vidDisplayControls li {
	float:left;
    text-align:center;
    height:100%;
}
/* MUTE */
#vidControl0 {width:50px;background-image:url(/img/icon/mute_off.svg);}
#vidControl0[data-muted="true"] {background-image:url(/img/icon/mute_on.svg);}

/*VOLUME */
#vidControl1 {min-width:100px;}

/* PLAY/PAUSE */
#vidControl2 {width:50px;background-image:url(/img/icon/play_gold.svg);}
#vidControl2[data-playing="true"] {background-image:url(/img/icon/pause_gold.svg);}

/* PROGRESS */
#vidControl3 {min-width:100px;}

/* FULLSCREEN */
#vidControl4 {width:50px;background-image:url(/img/icon/fullscreen_open.svg);}
#vidDisplayPreview[data-fullscreen="true"] #vidControl4 {background-image:url(/img/icon/fullscreen_end.svg);}

/* REPORT */
#reportForm {position:absolute;width:300px;height:200px;margin:auto;top:5%;bottom:5%;left:5%;right:5%;  
            background-color:rgba(0,15,29,0.4);color:;display:block;
            border-radius:30px;border-style:none;padding:30px;
            text-align: left;}
#reportForm LABEL {font-weight:bold;display:block;}
#reportForm TEXTAREA {margin:6px auto;width:300px;height:60px;display:block;padding:3px;border-radius:3px;border:0px none transparent;
        color:#FFFFFF;background-color:#4B7BA5;resize: none;}
#reportForm H1 {margin:2px;font-size:14px;font-weight:bold;}
#reportForm A {float:right;display:block;}

#reportCancel {float:right;display:inline-block;
width: 21px;
height: 21px;
margin-top:-5px;
background-image: url("/img/icon/ball_x_gold.svg");
background-size:cover;
cursor: pointer;
}