body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: normal 12px Arial, Verdana, sans-serif;
	color: #000;
}

a {
	text-decoration: none;	
}

img {
	border-style: none;	
}

.fl {
	float: left;	
}

.fr {
	float: right;	
}

.clear {
	clear: both !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
}

ul.scenes {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

ul.scenes li {
	background-color: #FFFFFF;
    border: 0 solid #FFFFFF;
    float: left;
    height: 200px;
    margin-left: 0;
    margin-right: 0;
    padding: 1px;
    text-align: left;
    width: 160px;	
}

ul.scenes li:hover {
	background: #E3E3E3;	
}

ul.scenes li a img {
	width: 160px;
	height: 120px;
	display: block;	
}

ul.scenes li span.btn {
	position: absolute;
	width: 30px;
	height: 30px;
	margin: 85px 0 0 125px;
	display: block;	
}

ul.scenes li a span.btn img {
	border: none;
	width: 	30px;
	height: 30px;
}

a .video-title {
	color: #000;
	font: bold 11px 'Lucida Grande',Verdana,Arial,Sans-Serif;;
	line-height: 1.5em;	
}

a .video-title:hover {
	text-decoration: none;	
}

.duration {
	color: #000;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
}

.paging {
	margin: 40px 0 0 0;
	text-align: center;
}

.paging ul.scene {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

.paging ul.scene li {
	display: inline;
	margin: 0;
	color: #000;
	font-size: 13px;	
}

span.page {
	padding: 3px 15px 0;
}

.paging ul.scene li a,
.paging .next {
	background-color: #270000;
    border: 1px solid #8A0000;
    color: #FFE1E1;
    font-size: 13px;
    margin: 2px;
    padding: 6px 12px;
    text-decoration: none;
}

.paging ul.scene li.active a,
.paging ul.scene li.active a:hover {
	background-color: #CC1B1B;
    border: 1px solid #BA0101;
    color: #FFE1E1;
    font-size: 13px;
    font-weight: bold;
    margin: 2px;
    padding: 6px 12px;;
}

.paging .next {
	display: inline;	
}

ul.listShow li {
	list-style:none;
	background-color: #FFFFFF;
    border: 0 solid #FFFFFF;
    float: left;
    height: 180px;
    margin: 0;
    padding: 1px;
    text-align: center;
    width: 160px;	
}

ul.listShow li:hover {
	background: none;	
}

ul.listShow li a img {
	width: 158px;
	height: 158px;
	border: 1px solid #ff0000;	
}

ul.listShow li a span.btn {
	margin: 125px 0 0 125px;
}

ul.listShow li a .video-title {
	color: #ff0000;
	font: bold 10px 'Lucida Grande',Verdana,Arial,Sans-Serif;
	text-decoration: underline;
}

ul.listShow li a .video-title:hover {
	text-decoration: none;	
}

.storyBox {
	width: 705px;
	margin: auto;	
}

ul.story {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.story li {
	width: 306px;
	height: 210px;
	float: left;
	margin: 0 23px;	
	text-align: center;
}

ul.story li a img {
	border: 1px solid #ff0000;
	width: 304px;
	height: 171px;
}

ul.story li .title {
	color: #ff0000;
	font: bold 10px 'Lucida Grande',Verdana,Arial,Sans-Serif;
	text-decoration: underline;
	clear: both;
	cursor: pointer;
}

ul.story li .title:hover {
	text-decoration: none;	
}

ul.story .imgContainer {
	position: relative;
	overflow: hidden;
	float: left;
	width: 306px;
	height: 173px;
}
ul.story .camOverlayBtn {
	position: absolute;
	width: 219px;
	height: 49px;
	background: url(../images/tube/cam_overlay_btn_ts20220831093637.gif);
	bottom: 8px;
	left: 50%;
	margin-left: -94px;
	z-index: 10;
	cursor: pointer;
}
ul.story .camOverlayStatus {
	position: absolute;
	width: 100px;
	height: 18px;
	background: url(../images/tube/cam_overlay_ts20220831093637.gif);
	top: 1px;
	right: 1px;
	z-index: 10;
	cursor: pointer;
}

ul.story .camOverlayLogo {
	position: absolute;
	width: 70px;
	height: 23px;
	background: url(../images/tube/cam_overlay_logo_ts20220831093637.png);
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
}

.showDetail {
	display: block;	
	width: 725px;
}

.detail {
	width: 722px;	
	margin: 20px 0 0 20px;
}

.showDetail h2 {
    color: #3B3B3B;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    margin: 7px 0;
    padding-bottom: 3px;
}

.showDetail h2 a {
	color: #3B3B3B;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

.showDetail a {
	color: #fff;	
}

.showDetail p {
	font-size: 13px;
	color: #000;	
	margin: 5px 0 20px;
}

.showDetail .more {
	font: 13px Verdana, Geneva, sans-serif;
	color: #c50300;	
	float: right;
	width: auto;
	text-decoration: underline;
}

.saboomPlayer {
	background: #c50300;
	margin: 0;	
	width: 620px;
	height: 512px;
	color: #fff;
}

ul.recommendationSmall li {
	width: 180px;
	height: 170px;
	margin: 0 16px;
}

ul.recommendationSmall li:hover {
	background: none;	
}


ul.recommendationSmall li a .btn {
	margin: 100px 0 0 142px;
}

ul.recommendationSmall li a img {
	width: 180px;
	height: 135px;	
}