#showglobalcommentscontainer {width:100%; height:100%; position:fixed; top:0; left:0; z-index:5000; background: rgba(0,0,0,0.8); color:#ddd ! important;}
#showglobalcommentscontainer input, #showglobalcommentscontainer textarea , #showglobalcommentscontainer blockquote, #showglobalcommentscontainer blockquote a {background: #555 ! important; color:#fff  ! important;}

#showglobalcommentscontainer h3 {color:#999; text-shadow:none; }
#showglobalcommentscontainer .piccontainer {width:65%; height:100%; position:absolute; top:0; right:5%; text-align:center; }
#showglobalcommentscontainer .piccontainer img {max-width:100%; max-height:90%; margin-top:3%; box-shadow: 0 10px 100px 20px rgba(0, 0, 0, 1);}

#showglobalcommentscontainer .commentscontainer {width:30%; min-height:500px; max-height:100%; position:absolute; top:0; left:0; background: rgba(50,50,50,0.3); overflow:auto;}
#showglobalcommentscontainer .commentscontainer .innercomments {margin: 20px; }

#showglobalcommentscontainer .gc_wrapper iframe.gc_settingsblock { top: 0px;}

#showglobalcommentscontainer .controllers {width:50px; height:150px; position:absolute; top:3%; right:0; text-align:center; background: rgba(0,0,0,0); opacity:0.6; transition: 0.8s all;}
#showglobalcommentscontainer .controllers:hover {background: rgba(0,0,0,0.3); opacity:1;}
#showglobalcommentscontainer .controllers a {cursor:pointer; display:block;float:right; width:50px; height:50px; background: rgba(0,0,0,0) url(controls.png) no-repeat 0 0; color:#fff; }
#showglobalcommentscontainer .controllers a.next {background-position:  -50px 0 ;}
#showglobalcommentscontainer .controllers a.close {background-position: -100px 0;}

.commentscontainer::-webkit-scrollbar { width: 0.4em; } 
.commentscontainer::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } 
.commentscontainer::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}


.gc_cmts {display:block; position: absolute; padding: 15px 18px 15px 20px; right: -5px; bottom:-5px; font-weight:bold; font-size:12px; line-height:100%; background-image: url(commclass1.png); background-size: 100% 100%, auto; pointer-events: none;}
.gc_cmts.gc_cmclass2 {background-image: url(commclass2.png); }
.gc_cmts.gc_cmclass3 {background-image: url(commclass3.png); }
.gc_cmts.gc_cmclass4 {background-image: url(commclass4.png); }





/* Smaller Screens */
@media screen and (max-width: 800px) {
	#showglobalcommentscontainer {position:absolute; height:auto; background: none;}
	#showglobalcommentscontainer .piccontainer, #showglobalcommentscontainer .commentscontainer {position:relative; width:100%; height:auto; left:0; }
	#showglobalcommentscontainer .commentscontainer {background: rgba(0,0,0,0.8); }	
}