@import "/js/slick/slick.css";

ul.images {
	overflow: hidden;
	list-style: none;
	padding: 0;
}

ul.images li {
	float: left;
	margin: 5px;
}

.captchaBox {
	width: 205px;
	height: 45px;	
}

.captchaImage {
	float: left;	
	width: 175px;
	height: 45px;
}

.captchaTools {
	float: right;
	padding-left: 8px;	
	width: 22px;
	height: 45px;		
}

.tag-cloud {
	padding: 0;
	
	list-style: none;
}

.tag-cloud li {
	display: inline;
	margin: 0 0.5ex;
	
	text-decoration: underline;
}

.tag-cloud li span {
	left: -999px;
	position: absolute;
	width: 990px;
}

.tag-cloud .not-popular {
	font-size: 0.8em;
}

.tag-cloud .popular {
	font-size: 1em;
}

.tag-cloud .very-popular {
	font-size: 1.3em;
}

.tag-cloud .ultra-popular {
	font-size: 1.8em;
}

.hoverbox {
    display: inline-block;
    width: 261px;
    height: 129px;
    border: 2px solid #C5C5C5;
    margin: 0 0 10px 0;    
    vertical-align: top;
}

.hoverbox:nth-child(2n+2) {
    margin-left: 10px;
}

.hoverbox p {
    display: none;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

.hoverbox:hover { border-color: #FB7E1F}

.hoverbox:hover img {
    display: none;
}

.hoverbox:hover p {
    display: block;
}

h1 {
    font-size: 16px;
    margin: 10px 0;
    padding: 0;
    line-height: 1.2;    
}

h2 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
    line-height: 1.2;
}

#videoplayer {
    
}

#videoplayer .vmain {
    width: 75%;
    padding-right: 15px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#videoplayer .vsidebar {
    width: 25%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
}

#videoplayer .player  {
    //padding: 5px;
    margin: 5px 5px 0 0;
}

#videoplayer strong {
    display: block;
    margin-bottom: 5px;
    word-wrap: break-word;
}

#videoplayer .vall {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #C8C8C8;
    position: relative;
}

#videoplayer .vall .player {
    width: 172px;    
}

#videoplayer div:not(.vmain) .player {
    background: url('/flowplayer/skin/player_bg.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    min-height: 100px;
    line-height: 100px;
    margin-bottom: 10px;
}

@media screen and (max-width: 640px)
{
    #videoplayer div:not(.vmain) .player {
        
        min-height: 291px;
        line-height: 291px;   
    }
}

#videoplayer .player img {
    width: 32px;
    line-height: 100px;
    display: inline-block;
    vertical-align: middle;
    
}


#subpage.no-sidebar > .sidebar { 
    display: none;
}

#subpage.no-sidebar > .content {
    width: 100%;
    float: none;
}

#videoplayer .slick-next,
#videoplayer .slick-prev {
    position: absolute;
    left: -17px;
    top: 31%;
    text-indent: -9999px;
    width: 17px;
    height: 17px;
    background: url('/js/slick/slick-scroll.png') no-repeat;
    border: 0;
    cursor: pointer;
}

#videoplayer .slick-next {
    left: auto;
    right: -17px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}

@media screen and (max-width: 640px) {
    #videoplayer .vsidebar,
    #videoplayer .vmain {
        width: 100%;
        float: none;
        padding: 0;
    }
    
    #videoplayer .slick-slider {
        overflow: hidden;
    }
    
    #videoplayer .vall .valso.slick-slide {
        width: 100% !important;
        display: block; 
        float: none;
    }
    
    #videoplayer .slick-track {
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
    }
    
    #videoplayer .vall .valso {
        margin-bottom: 25px;
    }
    
    #videoplayer .player {
        width: 100% !important;
        padding: 0 0 5px 0;
    }
    
    #videoplayer .flowplayer {
        width: 100%;
        height: 270px !important;
    }
    
    #videoplayer strong {
        margin-bottom: 20px;
    }
    
    #videoplayer .vsidebar strong:first-child {
        margin: 30px 0;
    }
}