.cams {
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
}

.container {
    border: 0 solid #000;
    position: relative;
    width: 100%;
}

.hosts {
    position: relative;
}

.hosts ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.hosts ul li {
	float: left;
	width: calc(100%/5 - 2px);
	margin: 0 1px;
	height: 283px;
}

.host {
    float: left;
    margin: 0 3px 0 0;
    position: relative;
    width: 100%;
	height: 100%;
    overflow: hidden;
}

.cover_button {
    background-image: url("//i20.imlive.com/images/ActivePage7231_button.png");
    background-position: center top;
    bottom: 0;
    height: 34px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 300;
}

.cover_button:hover {
    background-position: center 33px;
}

.livestream {
	height: 100%;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.hosts ul li:nth-of-type(5) {
		display: none;
	}

	.hosts ul li {
		width: calc(100%/4 - 2px);
		height: 220px;
	}
}

@media screen and (max-width: 1024px) {
	.hosts ul li:nth-of-type(4) {
		display: none;
	}

	.hosts ul li {
		width: calc(100%/3 - 2px);
		height: 200px;
	}
}

@media screen and (max-width: 750px) {
	.hosts ul li:nth-of-type(3) {
		display: none;
	}

	.hosts ul li {
		width: calc(100%/2 - 2px);
		height: 180px;
	}
}