.ms-showcase2-template {
	padding-bottom: 155px
}

.ms-showcase2-template .ms-view {
	background: 0 0
}

.ms-showcase2-template .ms-bar {
	background: #000!important
}

.ms-showcase2-template .ms-tabs-vertical-template {
	margin: 0 auto
}

.ms-showcase2-template.ms-dir-v {
	padding-right: 100px;
	padding-bottom: 0!important
}

.ms-showcase2-template .ms-thumb-list.ms-dir-h {
	bottom: -145px;
	width: 100%;
	height: 137px
}

.ms-showcase2-template .ms-thumb-list.ms-dir-v {
	height: 100%;
	width: 130px;
	right: -140px;
	top: 0
}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
	width: 85px;
	height: 79px;
	border:solid 1px #ccc;
	opacity: .5;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms
}

.ms-showcase2-template .ms-thumb-frame {
	cursor: pointer
}

.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
	margin-right: 10px
}

.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
	margin-bottom: 10px
}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected {
	opacity: 1
}
.demoss{max-width: 580px;margin-bottom:20px; float:left;}
@media(max-width:580px) {.demoss{width: auto;float:none;margin-bottom:20px;}
	.ms-showcase2-template .ms-thumb-list.ms-dir-v {
		width: 64px;
		right: -70px
	}

	.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
		width: 64px;
		height: 69px
	}

	.ms-showcase2-template {
		padding-bottom: 75px
	}

	.ms-showcase2-template.ms-dir-v {
		padding-right: 70px
	}
}

@media(max-width:200px) {
	.ms-showcase2-template .ms-thumb-list {
		display: none
	}

	.ms-showcase2-template {
		padding-bottom: 0
	}

	.ms-showcase2-template.ms-dir-v {
		padding-right: 0
	}
}